@dxos/react-ui-table 0.8.4-main.21d9917 → 0.8.4-main.2244d791bb
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-MNZKOFMA.mjs → chunk-GTGYBRJA.mjs} +12 -10
- package/dist/lib/browser/{chunk-MNZKOFMA.mjs.map → chunk-GTGYBRJA.mjs.map} +3 -3
- package/dist/lib/browser/index.mjs +4 -4
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/testing/index.mjs +2 -2
- package/dist/lib/browser/testing/index.mjs.map +2 -2
- package/dist/lib/node-esm/{chunk-2ATAIIAO.mjs → chunk-DPNSZHU5.mjs} +12 -10
- package/dist/lib/node-esm/{chunk-2ATAIIAO.mjs.map → chunk-DPNSZHU5.mjs.map} +3 -3
- package/dist/lib/node-esm/index.mjs +4 -4
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/testing/index.mjs +2 -2
- package/dist/lib/node-esm/testing/index.mjs.map +2 -2
- package/dist/types/src/components/Table/DynamicTable.d.ts +3 -2
- package/dist/types/src/components/Table/DynamicTable.d.ts.map +1 -1
- package/dist/types/src/components/Table/DynamicTable.stories.d.ts.map +1 -1
- package/dist/types/src/components/Table/Table.stories.d.ts.map +1 -1
- package/dist/types/src/hooks/useProjectionModel.d.ts.map +1 -1
- package/dist/types/src/hooks/useTableModel.d.ts +1 -1
- package/dist/types/src/model/table-model.d.ts +3 -3
- package/dist/types/src/playwright/TableManager.d.ts +2 -1
- package/dist/types/src/playwright/TableManager.d.ts.map +1 -1
- package/dist/types/src/util/dynamic-table.d.ts +4 -3
- package/dist/types/src/util/dynamic-table.d.ts.map +1 -1
- package/dist/types/src/util/dynamic-table.test.d.ts +2 -0
- package/dist/types/src/util/dynamic-table.test.d.ts.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +41 -41
- package/src/components/Table/DynamicTable.stories.tsx +5 -4
- package/src/components/Table/DynamicTable.tsx +3 -2
- package/src/components/Table/Relations.stories.tsx +1 -1
- package/src/components/Table/Table.stories.tsx +20 -7
- package/src/components/TableCellEditor/TableCellEditor.stories.tsx +1 -1
- package/src/hooks/useProjectionModel.ts +4 -5
- package/src/hooks/useTableModel.ts +1 -1
- package/src/model/table-model.test.ts +1 -1
- package/src/model/table-model.ts +7 -7
- package/src/model/table-presentation.test.ts +1 -1
- package/src/model/table-presentation.ts +1 -1
- package/src/playwright/TableManager.ts +10 -3
- package/src/playwright/smoke.spec.ts +45 -2
- package/src/testing/useTestTableModel.ts +1 -1
- package/src/util/dynamic-table.test.ts +70 -0
- package/src/util/dynamic-table.ts +7 -7
|
@@ -410,7 +410,7 @@ var TableModel = class extends Resource2 {
|
|
|
410
410
|
_visibleRange;
|
|
411
411
|
_onInsertRow;
|
|
412
412
|
_onDeleteRows;
|
|
413
|
-
|
|
413
|
+
_onColumnDelete;
|
|
414
414
|
_onCellUpdate;
|
|
415
415
|
_onRowOrderChange;
|
|
416
416
|
_onRowAction;
|
|
@@ -436,7 +436,7 @@ var TableModel = class extends Resource2 {
|
|
|
436
436
|
constructor({ registry, object, projection, db, change, features = {}, initialSelection = [], pinnedRows = {
|
|
437
437
|
top: [],
|
|
438
438
|
bottom: []
|
|
439
|
-
}, rowActions = [], onCellUpdate,
|
|
439
|
+
}, rowActions = [], onCellUpdate, onColumnDelete, onDeleteRows, onInsertRow, onRowOrderChange, onRowAction }) {
|
|
440
440
|
super();
|
|
441
441
|
this._registry = registry;
|
|
442
442
|
this._object = object;
|
|
@@ -529,7 +529,7 @@ var TableModel = class extends Resource2 {
|
|
|
529
529
|
this._rowActions = rowActions;
|
|
530
530
|
this._onInsertRow = onInsertRow;
|
|
531
531
|
this._onDeleteRows = onDeleteRows;
|
|
532
|
-
this.
|
|
532
|
+
this._onColumnDelete = onColumnDelete;
|
|
533
533
|
this._onCellUpdate = onCellUpdate;
|
|
534
534
|
this._onRowOrderChange = onRowOrderChange;
|
|
535
535
|
this._onRowAction = onRowAction;
|
|
@@ -913,7 +913,9 @@ var TableModel = class extends Resource2 {
|
|
|
913
913
|
"'Invalid row index'"
|
|
914
914
|
]
|
|
915
915
|
});
|
|
916
|
-
const snapshot =
|
|
916
|
+
const snapshot = {
|
|
917
|
+
...getSnapshot(currentRow)
|
|
918
|
+
};
|
|
917
919
|
setValue(snapshot, field.path, transformedValue);
|
|
918
920
|
const schema = Obj.getSchema(currentRow);
|
|
919
921
|
invariant(schema, void 0, {
|
|
@@ -1021,8 +1023,8 @@ var TableModel = class extends Resource2 {
|
|
|
1021
1023
|
return;
|
|
1022
1024
|
}
|
|
1023
1025
|
const field = this._projection?.getFields().find((field2) => field2.id === fieldId);
|
|
1024
|
-
if (field && this.
|
|
1025
|
-
this.
|
|
1026
|
+
if (field && this._onColumnDelete) {
|
|
1027
|
+
this._onColumnDelete(field.id);
|
|
1026
1028
|
}
|
|
1027
1029
|
}
|
|
1028
1030
|
//
|
|
@@ -1314,7 +1316,7 @@ var TablePresentation = class {
|
|
|
1314
1316
|
const targetObj = getValue2(obj, field.path)?.target;
|
|
1315
1317
|
if (targetObj) {
|
|
1316
1318
|
const dxn = Obj2.getDXN(targetObj)?.toString();
|
|
1317
|
-
cell.accessoryHtml = `<div role="none" class="absolute inline-end-0 inset-block-0 p-[--dx-grid-cell-content-padding-block]"><dx-anchor
|
|
1319
|
+
cell.accessoryHtml = `<div role="none" class="absolute inline-end-0 inset-block-0 p-[--dx-grid-cell-content-padding-block]"><dx-anchor dxn=${dxn} class="dx-button is-6 aspect-square min-bs-0" data-dx-grid-action="accessory"><dx-icon icon="ph--link-simple--regular"/></dx-anchor></div>`;
|
|
1318
1320
|
}
|
|
1319
1321
|
}
|
|
1320
1322
|
if (props.format === Format3.TypeFormat.Boolean) {
|
|
@@ -1619,14 +1621,14 @@ var useAddRow = ({ db, schema }) => {
|
|
|
1619
1621
|
import { useState } from "react";
|
|
1620
1622
|
import { Type } from "@dxos/echo";
|
|
1621
1623
|
import { useAsyncEffect } from "@dxos/react-ui";
|
|
1622
|
-
import { ProjectionModel,
|
|
1624
|
+
import { ProjectionModel, createEchoChangeCallback as createEchoChangeCallback2 } from "@dxos/schema";
|
|
1623
1625
|
var useProjectionModel = (schema, table, registry) => {
|
|
1624
1626
|
const [projection, setProjection] = useState();
|
|
1625
1627
|
useAsyncEffect(async () => {
|
|
1626
1628
|
if (schema && table) {
|
|
1627
1629
|
const view = await table.view.load();
|
|
1628
1630
|
const jsonSchema = Type.isMutable(schema) ? schema.jsonSchema : Type.toJsonSchema(schema);
|
|
1629
|
-
const change = Type.isMutable(schema) ?
|
|
1631
|
+
const change = createEchoChangeCallback2(view, Type.isMutable(schema) ? schema : void 0);
|
|
1630
1632
|
const projection2 = new ProjectionModel({
|
|
1631
1633
|
registry,
|
|
1632
1634
|
view,
|
|
@@ -1743,4 +1745,4 @@ export {
|
|
|
1743
1745
|
useProjectionModel,
|
|
1744
1746
|
useTableModel
|
|
1745
1747
|
};
|
|
1746
|
-
//# sourceMappingURL=chunk-
|
|
1748
|
+
//# sourceMappingURL=chunk-GTGYBRJA.mjs.map
|