@dxos/react-ui-table 0.8.2-main.2f9c567 → 0.8.2-main.30e4dbb
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/dist/lib/browser/index.mjs +8 -8
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node/index.cjs +8 -8
- package/dist/lib/node/index.cjs.map +3 -3
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +8 -8
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/Table/ColumnActionsMenu.d.ts.map +1 -1
- package/dist/types/src/components/Table/ColumnSettings.d.ts.map +1 -1
- package/dist/types/src/components/Table/CreateRefPanel.d.ts.map +1 -1
- package/dist/types/src/components/Table/DynamicTable.d.ts +0 -2
- package/dist/types/src/components/Table/DynamicTable.d.ts.map +1 -1
- package/dist/types/src/components/Table/RowActionsMenu.d.ts.map +1 -1
- package/dist/types/src/components/TableCellEditor/TableCellEditor.d.ts.map +1 -1
- package/dist/types/src/components/TableCellEditor/extension.d.ts.map +1 -1
- package/dist/types/src/components/TableToolbar/TableToolbar.d.ts +2 -2
- package/dist/types/src/components/TableToolbar/TableToolbar.d.ts.map +1 -1
- package/dist/types/src/components/testing.d.ts.map +1 -1
- package/dist/types/src/hooks/useTableModel.d.ts.map +1 -1
- package/dist/types/src/model/modal-controller.d.ts.map +1 -1
- package/dist/types/src/model/selection-model.d.ts.map +1 -1
- package/dist/types/src/model/table-model.d.ts.map +1 -1
- package/dist/types/src/model/table-presentation.d.ts.map +1 -1
- package/dist/types/src/types/table.d.ts.map +1 -1
- package/dist/types/src/util/dynamic-table.d.ts.map +1 -1
- package/dist/types/src/util/signals.d.ts.map +1 -1
- package/dist/types/src/util/table-controls.d.ts.map +1 -1
- package/dist/types/src/util/table.d.ts.map +1 -1
- package/dist/types/src/util/tag.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +34 -34
- package/src/components/Table/DynamicTable.stories.tsx +1 -1
- package/src/components/Table/DynamicTable.tsx +0 -2
- package/src/components/Table/Table.stories.tsx +3 -3
- package/src/components/Table/relations.stories.tsx +1 -1
- package/src/components/TableCellEditor/TableCellEditor.stories.tsx +1 -1
- package/src/components/TableToolbar/TableToolbar.tsx +10 -11
|
@@ -10,7 +10,6 @@ import {
|
|
|
10
10
|
createGapSeparator,
|
|
11
11
|
createMenuAction,
|
|
12
12
|
type MenuAction,
|
|
13
|
-
type MenuActionHandler,
|
|
14
13
|
MenuProvider,
|
|
15
14
|
ToolbarMenu,
|
|
16
15
|
useMenuActions,
|
|
@@ -27,18 +26,18 @@ export type TableToolbarActionType = 'add-row' | 'comment' | 'save-view';
|
|
|
27
26
|
type TableToolbarState = Partial<{ viewDirty: boolean }>;
|
|
28
27
|
|
|
29
28
|
export type TableToolbarProps = ThemedClassName<
|
|
30
|
-
TableToolbarState & { onAction
|
|
29
|
+
TableToolbarState & { onAction: (action: TableToolbarAction) => void; attendableId?: string }
|
|
31
30
|
>;
|
|
32
31
|
|
|
33
|
-
const createTableToolbarActions = (state: TableToolbarState) => {
|
|
34
|
-
const add = createMenuAction<TableToolbarActionProperties>('add-row', {
|
|
35
|
-
type: 'add-row',
|
|
32
|
+
const createTableToolbarActions = (state: TableToolbarState, onAction: (action: TableToolbarAction) => void) => {
|
|
33
|
+
const add = createMenuAction<TableToolbarActionProperties>('add-row', () => onAction(add), {
|
|
34
|
+
type: 'add-row' as const,
|
|
36
35
|
icon: 'ph--plus--regular',
|
|
37
36
|
label: ['add row', { ns: translationKey }],
|
|
38
37
|
testId: 'table.toolbar.add-row',
|
|
39
38
|
});
|
|
40
|
-
const save = createMenuAction<TableToolbarActionProperties>('save-view', {
|
|
41
|
-
type: 'save-view',
|
|
39
|
+
const save = createMenuAction<TableToolbarActionProperties>('save-view', () => onAction(save), {
|
|
40
|
+
type: 'save-view' as const,
|
|
42
41
|
icon: 'ph--floppy-disk--regular',
|
|
43
42
|
label: ['save view label', { ns: translationKey }],
|
|
44
43
|
testId: 'table.toolbar.save-view',
|
|
@@ -46,8 +45,8 @@ const createTableToolbarActions = (state: TableToolbarState) => {
|
|
|
46
45
|
hidden: !state.viewDirty,
|
|
47
46
|
});
|
|
48
47
|
const gap = createGapSeparator();
|
|
49
|
-
const comment = createMenuAction('comment', {
|
|
50
|
-
type: 'comment',
|
|
48
|
+
const comment = createMenuAction('comment', () => onAction(comment), {
|
|
49
|
+
type: 'comment' as const,
|
|
51
50
|
icon: 'ph--chat-text--regular',
|
|
52
51
|
label: ['create comment', { ns: translationKey }],
|
|
53
52
|
testId: 'table.toolbar.comment',
|
|
@@ -61,11 +60,11 @@ const createTableToolbarActions = (state: TableToolbarState) => {
|
|
|
61
60
|
|
|
62
61
|
export const TableToolbar = ({ classNames, viewDirty, attendableId, onAction }: TableToolbarProps) => {
|
|
63
62
|
const state = useMemo(() => live<TableToolbarState>({ viewDirty }), []);
|
|
64
|
-
const actionsCreator = useCallback(() => createTableToolbarActions(state), [state]);
|
|
63
|
+
const actionsCreator = useCallback(() => createTableToolbarActions(state, onAction), [state, onAction]);
|
|
65
64
|
const menu = useMenuActions(actionsCreator);
|
|
66
65
|
|
|
67
66
|
return (
|
|
68
|
-
<MenuProvider {...menu} attendableId={attendableId}
|
|
67
|
+
<MenuProvider {...menu} attendableId={attendableId}>
|
|
69
68
|
<ToolbarMenu classNames={classNames} />
|
|
70
69
|
</MenuProvider>
|
|
71
70
|
);
|