@dxos/react-ui-table 0.8.4-main.422d1c7879 → 0.8.4-main.51f1e5ca51
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/{chunk-BF54SSNL.mjs → chunk-FBURZBPH.mjs} +7 -7
- package/dist/lib/browser/chunk-FBURZBPH.mjs.map +7 -0
- package/dist/lib/browser/chunk-J5LGTIGS.mjs +10 -0
- package/dist/lib/browser/chunk-J5LGTIGS.mjs.map +7 -0
- package/dist/lib/browser/{chunk-G5EDJPD2.mjs → chunk-YGC7LZJN.mjs} +12 -68
- package/dist/lib/browser/{chunk-G5EDJPD2.mjs.map → chunk-YGC7LZJN.mjs.map} +3 -3
- package/dist/lib/browser/index.mjs +18 -81
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/testing/index.mjs +3 -2
- package/dist/lib/browser/testing/index.mjs.map +1 -1
- package/dist/lib/browser/translations.mjs +36 -0
- package/dist/lib/browser/translations.mjs.map +7 -0
- package/dist/lib/browser/types/index.mjs +2 -1
- package/dist/lib/node-esm/{chunk-SIRDIPHZ.mjs → chunk-DKKMSVKP.mjs} +7 -7
- package/dist/lib/node-esm/chunk-DKKMSVKP.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-ZZ3SYTIL.mjs → chunk-GKIWDEZ7.mjs} +12 -68
- package/dist/lib/node-esm/{chunk-ZZ3SYTIL.mjs.map → chunk-GKIWDEZ7.mjs.map} +3 -3
- package/dist/lib/node-esm/chunk-HSLMI22Q.mjs +11 -0
- package/dist/lib/node-esm/chunk-HSLMI22Q.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +18 -81
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/testing/index.mjs +3 -2
- package/dist/lib/node-esm/testing/index.mjs.map +1 -1
- package/dist/lib/node-esm/translations.mjs +37 -0
- package/dist/lib/node-esm/translations.mjs.map +7 -0
- package/dist/lib/node-esm/types/index.mjs +2 -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/DynamicTable.d.ts.map +1 -1
- package/dist/types/src/components/Table/DynamicTable.stories.d.ts +19 -19
- package/dist/types/src/components/Table/DynamicTable.stories.d.ts.map +1 -1
- package/dist/types/src/components/Table/Relations.stories.d.ts +82 -82
- package/dist/types/src/components/Table/Relations.stories.d.ts.map +1 -1
- package/dist/types/src/components/Table/RowActionsMenu.d.ts.map +1 -1
- package/dist/types/src/components/Table/Table.d.ts +2 -2
- package/dist/types/src/components/Table/Table.d.ts.map +1 -1
- package/dist/types/src/components/Table/Table.stories.d.ts +82 -82
- package/dist/types/src/components/Table/Table.stories.d.ts.map +1 -1
- package/dist/types/src/components/Table/TableContent.d.ts +1 -1
- package/dist/types/src/components/Table/TableToolbar.d.ts +1 -1
- package/dist/types/src/components/TableCellEditor/CellValidationMessage.d.ts.map +1 -1
- package/dist/types/src/components/TableCellEditor/FormCellEditor.d.ts.map +1 -1
- package/dist/types/src/components/TableCellEditor/TableCellEditor.d.ts.map +1 -1
- package/dist/types/src/components/TableCellEditor/TableCellEditor.stories.d.ts +19 -19
- package/dist/types/src/components/TableCellEditor/TableCellEditor.stories.d.ts.map +1 -1
- package/dist/types/src/components/testing.d.ts.map +1 -1
- package/dist/types/src/hooks/useAddRow.d.ts.map +1 -1
- package/dist/types/src/hooks/useProjectionModel.d.ts.map +1 -1
- package/dist/types/src/hooks/useTableModel.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +0 -2
- package/dist/types/src/index.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 +1 -1
- package/dist/types/src/model/selection-model.d.ts.map +1 -1
- package/dist/types/src/model/table-model.d.ts +3 -3
- 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/playwright/TableManager.d.ts.map +1 -1
- package/dist/types/src/playwright/playwright.config.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +19 -19
- package/dist/types/src/translations.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/query-ast.d.ts.map +1 -1
- package/dist/types/src/util/schema.d.ts.map +1 -1
- package/dist/types/src/util/signals.d.ts.map +1 -1
- package/dist/types/src/util/sort.d.ts.map +1 -1
- package/dist/types/src/util/table-buttons.d.ts +20 -20
- package/dist/types/src/util/table-buttons.d.ts.map +1 -1
- package/dist/types/src/util/table-controls.d.ts +4 -4
- package/dist/types/src/util/table-controls.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 +51 -42
- package/src/components/Table/ColumnActionsMenu.tsx +2 -1
- package/src/components/Table/DynamicTable.stories.tsx +2 -1
- package/src/components/Table/Relations.stories.tsx +3 -2
- package/src/components/Table/RowActionsMenu.tsx +2 -1
- package/src/components/Table/Table.stories.tsx +6 -4
- package/src/components/Table/TableToolbar.tsx +1 -1
- package/src/components/TableCellEditor/FormCellEditor.tsx +2 -1
- package/src/components/TableCellEditor/TableCellEditor.stories.tsx +2 -1
- package/src/index.ts +0 -4
- package/src/model/table-model.ts +6 -6
- package/src/model/table-presentation.test.ts +8 -1
- package/src/types/Table.ts +1 -1
- package/src/util/dynamic-table.test.ts +10 -3
- package/src/util/dynamic-table.ts +2 -2
- package/dist/lib/browser/chunk-BF54SSNL.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-SIRDIPHZ.mjs.map +0 -7
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __export = (target, all) => {
|
|
4
|
+
for (var name in all)
|
|
5
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
export {
|
|
9
|
+
__export
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=chunk-HSLMI22Q.mjs.map
|
|
@@ -17,40 +17,11 @@ import {
|
|
|
17
17
|
useAddRow,
|
|
18
18
|
useProjectionModel,
|
|
19
19
|
useTableModel
|
|
20
|
-
} from "./chunk-
|
|
20
|
+
} from "./chunk-GKIWDEZ7.mjs";
|
|
21
21
|
import {
|
|
22
22
|
Table_exports
|
|
23
|
-
} from "./chunk-
|
|
24
|
-
|
|
25
|
-
// src/translations.ts
|
|
26
|
-
var translationKey = "@dxos/react-ui-table";
|
|
27
|
-
var translations = [
|
|
28
|
-
{
|
|
29
|
-
"en-US": {
|
|
30
|
-
[translationKey]: {
|
|
31
|
-
"object.placeholder": "New table",
|
|
32
|
-
"create-object.label": "Create table",
|
|
33
|
-
"table-name.placeholder": "Table name",
|
|
34
|
-
"settings.title": "Table settings",
|
|
35
|
-
"table-schema.label": "Type",
|
|
36
|
-
"continue.label": "Continue",
|
|
37
|
-
"create-stack-section.label": "Create table",
|
|
38
|
-
"add-row.label": "Add row",
|
|
39
|
-
"column-action-sort-descending.menu": "Sort Descending",
|
|
40
|
-
"column-action-sort-ascending.menu": "Sort Ascending",
|
|
41
|
-
"column-action-clear-sorting.menu": "Clear Sorting",
|
|
42
|
-
"column-action-settings.menu": "Column Settings",
|
|
43
|
-
"column-action-delete.menu": "Delete Column",
|
|
44
|
-
"delete-row.label": "Delete row",
|
|
45
|
-
"bulk-delete-row.label": "Delete selected rows",
|
|
46
|
-
"column-deleted.label": "Column deleted",
|
|
47
|
-
"new-column-button.label": "Create column",
|
|
48
|
-
"create-new-object.label": "Create new object \u201C{{text}}\u201D",
|
|
49
|
-
"save-view.label": "Save changes to view"
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
];
|
|
23
|
+
} from "./chunk-DKKMSVKP.mjs";
|
|
24
|
+
import "./chunk-HSLMI22Q.mjs";
|
|
54
25
|
|
|
55
26
|
// src/components/Table/Table.tsx
|
|
56
27
|
import { Atom as Atom4 } from "@effect-atom/atom-react";
|
|
@@ -123,7 +94,7 @@ var setProperties = (view, projection, table, properties) => {
|
|
|
123
94
|
const field = projection.getFields().find((field2) => field2.path === property.name);
|
|
124
95
|
if (field) {
|
|
125
96
|
if (property.size !== void 0) {
|
|
126
|
-
Obj.
|
|
97
|
+
Obj.update(table, (table2) => {
|
|
127
98
|
table2.sizes[field.path] = property.size;
|
|
128
99
|
});
|
|
129
100
|
}
|
|
@@ -140,7 +111,7 @@ var setProperties = (view, projection, table, properties) => {
|
|
|
140
111
|
if (property.sort) {
|
|
141
112
|
const currentQuery = Query.fromAst(Obj.getSnapshot(view).query.ast);
|
|
142
113
|
const newQuery = currentQuery.orderBy(Order.property(field.path, property.sort));
|
|
143
|
-
Obj.
|
|
114
|
+
Obj.update(view, (view2) => {
|
|
144
115
|
view2.query.ast = newQuery.ast;
|
|
145
116
|
});
|
|
146
117
|
}
|
|
@@ -283,6 +254,7 @@ import { Popover } from "@dxos/react-ui";
|
|
|
283
254
|
import { Form } from "@dxos/react-ui-form";
|
|
284
255
|
import { parseCellIndex, useGridContext as useGridContext2 } from "@dxos/react-ui-grid";
|
|
285
256
|
import { getDeep, isTruthy, setDeep } from "@dxos/util";
|
|
257
|
+
import { translationKey } from "#translations";
|
|
286
258
|
var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-table/src/components/TableCellEditor/FormCellEditor.tsx";
|
|
287
259
|
var createOptionLabel = [
|
|
288
260
|
"create-new-object.label",
|
|
@@ -321,27 +293,11 @@ var FormCellEditor = ({ __gridScope, schema, model, fieldProjection, onSave, onC
|
|
|
321
293
|
const cell = parseCellIndex(contextEditing.index);
|
|
322
294
|
if (model.isDraftCell(cell)) {
|
|
323
295
|
const draftRow = model.getDraftRows()[cell.row];
|
|
324
|
-
invariant(draftRow, void 0, {
|
|
325
|
-
F: __dxlog_file,
|
|
326
|
-
L: 74,
|
|
327
|
-
S: void 0,
|
|
328
|
-
A: [
|
|
329
|
-
"draftRow",
|
|
330
|
-
""
|
|
331
|
-
]
|
|
332
|
-
});
|
|
296
|
+
invariant(draftRow, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 52, S: void 0, A: ["draftRow", ""] });
|
|
333
297
|
return draftRow.data;
|
|
334
298
|
} else {
|
|
335
299
|
const row = model.getRowAt(cell.row);
|
|
336
|
-
invariant(row, void 0, {
|
|
337
|
-
F: __dxlog_file,
|
|
338
|
-
L: 78,
|
|
339
|
-
S: void 0,
|
|
340
|
-
A: [
|
|
341
|
-
"row",
|
|
342
|
-
""
|
|
343
|
-
]
|
|
344
|
-
});
|
|
300
|
+
invariant(row, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 56, S: void 0, A: ["row", ""] });
|
|
345
301
|
return row;
|
|
346
302
|
}
|
|
347
303
|
}
|
|
@@ -470,15 +426,7 @@ var TableValueEditor = ({ __gridScope, schema, model, modals, onFocus, onSave, o
|
|
|
470
426
|
const { col } = parseCellIndex2(editing.index);
|
|
471
427
|
const field = model.projection.getFields()[col];
|
|
472
428
|
const fieldProjection2 = model.projection.getFieldProjection(field.id);
|
|
473
|
-
invariant2(fieldProjection2, void 0, {
|
|
474
|
-
F: __dxlog_file2,
|
|
475
|
-
L: 66,
|
|
476
|
-
S: void 0,
|
|
477
|
-
A: [
|
|
478
|
-
"fieldProjection",
|
|
479
|
-
""
|
|
480
|
-
]
|
|
481
|
-
});
|
|
429
|
+
invariant2(fieldProjection2, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 21, S: void 0, A: ["fieldProjection", ""] });
|
|
482
430
|
return fieldProjection2;
|
|
483
431
|
}, [
|
|
484
432
|
model,
|
|
@@ -515,15 +463,7 @@ var TableCellEditor = ({ __gridScope, model, modals, onFocus, onSave }) => {
|
|
|
515
463
|
const { col } = parseCellIndex2(editing.index);
|
|
516
464
|
const field = model.projection.getFields()[col];
|
|
517
465
|
const fieldProjection2 = model.projection.getFieldProjection(field.id);
|
|
518
|
-
invariant2(fieldProjection2, void 0, {
|
|
519
|
-
F: __dxlog_file2,
|
|
520
|
-
L: 113,
|
|
521
|
-
S: void 0,
|
|
522
|
-
A: [
|
|
523
|
-
"fieldProjection",
|
|
524
|
-
""
|
|
525
|
-
]
|
|
526
|
-
});
|
|
466
|
+
invariant2(fieldProjection2, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 59, S: void 0, A: ["fieldProjection", ""] });
|
|
527
467
|
return fieldProjection2;
|
|
528
468
|
}, [
|
|
529
469
|
model,
|
|
@@ -695,8 +635,9 @@ var determineNavigationDelta = ({ key, shift }) => {
|
|
|
695
635
|
import { useAtomValue } from "@effect-atom/atom-react";
|
|
696
636
|
import React4 from "react";
|
|
697
637
|
import { DropdownMenu, useTranslation } from "@dxos/react-ui";
|
|
638
|
+
import { translationKey as translationKey2 } from "#translations";
|
|
698
639
|
var ColumnActionsMenu = ({ model, modals }) => {
|
|
699
|
-
const { t } = useTranslation(
|
|
640
|
+
const { t } = useTranslation(translationKey2);
|
|
700
641
|
const state = useAtomValue(modals.state);
|
|
701
642
|
if (state?.type !== "column") {
|
|
702
643
|
return null;
|
|
@@ -798,8 +739,9 @@ var ColumnSettings = ({ registry, model, modals, onNewColumn }) => {
|
|
|
798
739
|
import { useAtomValue as useAtomValue3 } from "@effect-atom/atom-react";
|
|
799
740
|
import React6 from "react";
|
|
800
741
|
import { DropdownMenu as DropdownMenu2, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
|
|
742
|
+
import { translationKey as translationKey3 } from "#translations";
|
|
801
743
|
var RowActionsMenu = ({ model, modals }) => {
|
|
802
|
-
const { t } = useTranslation2(
|
|
744
|
+
const { t } = useTranslation2(translationKey3);
|
|
803
745
|
const hasSelection = model.selection.hasSelection;
|
|
804
746
|
const state = useAtomValue3(modals.state);
|
|
805
747
|
if (state?.type !== "row") {
|
|
@@ -1052,12 +994,7 @@ var TableContent = composable(({ schema, model, presentation, ignoreAttention, o
|
|
|
1052
994
|
void navigator.clipboard.writeText(textContent);
|
|
1053
995
|
event.preventDefault();
|
|
1054
996
|
} catch (error) {
|
|
1055
|
-
log.catch(error, void 0, {
|
|
1056
|
-
F: __dxlog_file3,
|
|
1057
|
-
L: 278,
|
|
1058
|
-
S: void 0,
|
|
1059
|
-
C: (f, a) => f(...a)
|
|
1060
|
-
});
|
|
997
|
+
log.catch(error, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 262, S: void 0 });
|
|
1061
998
|
}
|
|
1062
999
|
break;
|
|
1063
1000
|
}
|
|
@@ -1209,6 +1146,7 @@ import { Atom as Atom3, RegistryContext as RegistryContext2 } from "@effect-atom
|
|
|
1209
1146
|
import React8, { useContext as useContext2, useEffect as useEffect4, useMemo as useMemo5 } from "react";
|
|
1210
1147
|
import { Menu, createGapSeparator, createMenuAction, useMenuActions } from "@dxos/react-ui-menu";
|
|
1211
1148
|
import { composable as composable2, composableProps as composableProps2 } from "@dxos/ui-theme";
|
|
1149
|
+
import { translationKey as translationKey4 } from "#translations";
|
|
1212
1150
|
var createTableToolbarActions = ({ stateAtom, onAdd, onSave, customActions }) => Atom3.make((get) => {
|
|
1213
1151
|
const nodes = [];
|
|
1214
1152
|
if (onAdd) {
|
|
@@ -1218,7 +1156,7 @@ var createTableToolbarActions = ({ stateAtom, onAdd, onSave, customActions }) =>
|
|
|
1218
1156
|
label: [
|
|
1219
1157
|
"add-row.label",
|
|
1220
1158
|
{
|
|
1221
|
-
ns:
|
|
1159
|
+
ns: translationKey4
|
|
1222
1160
|
}
|
|
1223
1161
|
],
|
|
1224
1162
|
testId: "table.toolbar.add-row"
|
|
@@ -1233,7 +1171,7 @@ var createTableToolbarActions = ({ stateAtom, onAdd, onSave, customActions }) =>
|
|
|
1233
1171
|
label: [
|
|
1234
1172
|
"save-view.label",
|
|
1235
1173
|
{
|
|
1236
|
-
ns:
|
|
1174
|
+
ns: translationKey4
|
|
1237
1175
|
}
|
|
1238
1176
|
],
|
|
1239
1177
|
testId: "table.toolbar.save-view",
|
|
@@ -1416,7 +1354,6 @@ export {
|
|
|
1416
1354
|
tableButtons,
|
|
1417
1355
|
tableControls,
|
|
1418
1356
|
touch,
|
|
1419
|
-
translations,
|
|
1420
1357
|
useAddRow,
|
|
1421
1358
|
useProjectionModel,
|
|
1422
1359
|
useTableContext,
|