@dxos/react-ui-table 0.6.12-main.7907542 → 0.6.12-main.ac23639

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.
Files changed (36) hide show
  1. package/dist/lib/browser/index.mjs +12 -85
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/types/src/components/ColumnMenu/ColumnMenu.d.ts +6 -3
  5. package/dist/types/src/components/ColumnMenu/ColumnMenu.d.ts.map +1 -1
  6. package/dist/types/src/components/ColumnMenu/ColumnMenu.stories.d.ts +3 -3
  7. package/dist/types/src/components/ColumnMenu/ColumnMenu.stories.d.ts.map +1 -1
  8. package/dist/types/src/components/ColumnMenu/ColumnSettings.d.ts +6 -3
  9. package/dist/types/src/components/ColumnMenu/ColumnSettings.d.ts.map +1 -1
  10. package/dist/types/src/components/ColumnMenu/ColumnSettings.stories.d.ts +7 -6
  11. package/dist/types/src/components/ColumnMenu/ColumnSettings.stories.d.ts.map +1 -1
  12. package/dist/types/src/components/Table/Table.d.ts.map +1 -1
  13. package/dist/types/src/schema/index.d.ts +0 -2
  14. package/dist/types/src/schema/index.d.ts.map +1 -1
  15. package/dist/types/src/schema/types.d.ts +4 -4
  16. package/dist/types/src/schema/types.d.ts.map +1 -1
  17. package/package.json +18 -19
  18. package/src/components/ColumnMenu/ColumnMenu.stories.tsx +7 -6
  19. package/src/components/ColumnMenu/ColumnMenu.tsx +6 -3
  20. package/src/components/ColumnMenu/ColumnSettings.stories.tsx +9 -8
  21. package/src/components/ColumnMenu/ColumnSettings.tsx +9 -5
  22. package/src/components/Table/Table.tsx +5 -6
  23. package/src/components/Table/props.ts +4 -4
  24. package/src/schema/column-utils.ts +7 -7
  25. package/src/schema/index.ts +0 -2
  26. package/src/schema/types.ts +7 -7
  27. package/src/translations.ts +1 -1
  28. package/dist/types/src/components/Form/Form.stories.d.ts +0 -42
  29. package/dist/types/src/components/Form/Form.stories.d.ts.map +0 -1
  30. package/dist/types/src/schema/schema.d.ts +0 -4
  31. package/dist/types/src/schema/schema.d.ts.map +0 -1
  32. package/dist/types/src/schema/schema.test.d.ts +0 -2
  33. package/dist/types/src/schema/schema.test.d.ts.map +0 -1
  34. package/src/components/Form/Form.stories.tsx +0 -69
  35. package/src/schema/schema.test.ts +0 -76
  36. package/src/schema/schema.ts +0 -86
package/dist/lib/browser/meta.json CHANGED
@@ -1 +1 @@
1
- {"inputs":{"packages/ui/react-ui-table/src/translations.ts":{"bytes":2399,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/components/Cell/CellCombobox.tsx":{"bytes":11824,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Cell/index.ts":{"bytes":526,"imports":[{"path":"packages/ui/react-ui-table/src/components/Cell/CellCombobox.tsx","kind":"import-statement","original":"./CellCombobox"}],"format":"esm"},"packages/ui/react-ui-table/src/components/ColumnMenu/ColumnSettings.tsx":{"bytes":22364,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"packages/ui/react-ui-table/src/hooks/useColumnSizing.ts":{"bytes":5073,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableContext.tsx":{"bytes":2892,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/hooks/useColumnSorting.ts":{"bytes":6849,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"../components/Table/TableContext"}],"format":"esm"},"packages/ui/react-ui-table/src/hooks/usePinLastRow.ts":{"bytes":4488,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/hooks/useRowSelection.ts":{"bytes":5106,"imports":[{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/hooks/index.ts":{"bytes":847,"imports":[{"path":"packages/ui/react-ui-table/src/hooks/useColumnSizing.ts","kind":"import-statement","original":"./useColumnSizing"},{"path":"packages/ui/react-ui-table/src/hooks/useColumnSorting.ts","kind":"import-statement","original":"./useColumnSorting"},{"path":"packages/ui/react-ui-table/src/hooks/usePinLastRow.ts","kind":"import-statement","original":"./usePinLastRow"},{"path":"packages/ui/react-ui-table/src/hooks/useRowSelection.ts","kind":"import-statement","original":"./useRowSelection"}],"format":"esm"},"packages/ui/react-ui-table/src/components/ColumnMenu/ColumnMenu.tsx":{"bytes":20998,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/ColumnMenu/ColumnSettings.tsx","kind":"import-statement","original":"./ColumnSettings"},{"path":"packages/ui/react-ui-table/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"packages/ui/react-ui-table/src/components/ColumnMenu/index.ts":{"bytes":632,"imports":[{"path":"packages/ui/react-ui-table/src/components/ColumnMenu/ColumnMenu.tsx","kind":"import-statement","original":"./ColumnMenu"},{"path":"packages/ui/react-ui-table/src/components/ColumnMenu/ColumnSettings.tsx","kind":"import-statement","original":"./ColumnSettings"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/props.ts":{"bytes":2879,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableRootContext.ts":{"bytes":3971,"imports":[{"path":"@tanstack/react-virtual","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/theme.ts":{"bytes":9209,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/components/Cell/Cell.tsx":{"bytes":10689,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"../Table/TableContext"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableBody.tsx":{"bytes":9015,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/components/Table/TableRootContext.ts","kind":"import-statement","original":"./TableRootContext"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"},{"path":"packages/ui/react-ui-table/src/components/Cell/Cell.tsx","kind":"import-statement","original":"../Cell/Cell"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableHead.tsx":{"bytes":8047,"imports":[{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/Table.tsx":{"bytes":31875,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableBody.tsx","kind":"import-statement","original":"./TableBody"},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/components/Table/TableHead.tsx","kind":"import-statement","original":"./TableHead"},{"path":"packages/ui/react-ui-table/src/components/Table/TableRootContext.ts","kind":"import-statement","original":"./TableRootContext"},{"path":"packages/ui/react-ui-table/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/index.ts":{"bytes":801,"imports":[{"path":"packages/ui/react-ui-table/src/components/Table/props.ts","kind":"import-statement","original":"./props"},{"path":"packages/ui/react-ui-table/src/components/Table/Table.tsx","kind":"import-statement","original":"./Table"},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/components/Table/TableRootContext.ts","kind":"import-statement","original":"./TableRootContext"}],"format":"esm"},"packages/ui/react-ui-table/src/components/index.ts":{"bytes":676,"imports":[{"path":"packages/ui/react-ui-table/src/components/Cell/index.ts","kind":"import-statement","original":"./Cell"},{"path":"packages/ui/react-ui-table/src/components/ColumnMenu/index.ts","kind":"import-statement","original":"./ColumnMenu"},{"path":"packages/ui/react-ui-table/src/components/Table/index.ts","kind":"import-statement","original":"./Table"}],"format":"esm"},"packages/ui/react-ui-table/src/helpers.tsx":{"bytes":55537,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"date-fns/format","kind":"import-statement","external":true},{"path":"date-fns/formatDistanceToNow","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"./theme"}],"format":"esm"},"packages/ui/react-ui-table/src/schema/schema.ts":{"bytes":8815,"imports":[{"path":"@dxos/effect","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/schema/column-utils.ts":{"bytes":5171,"imports":[{"path":"packages/ui/react-ui-table/src/schema/schema.ts","kind":"import-statement","original":"./schema"},{"path":"packages/ui/react-ui-table/src/helpers.tsx","kind":"import-statement","original":"../helpers"}],"format":"esm"},"packages/ui/react-ui-table/src/schema/types.ts":{"bytes":1265,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/schema/index.ts":{"bytes":770,"imports":[{"path":"packages/ui/react-ui-table/src/schema/column-utils.ts","kind":"import-statement","original":"./column-utils"},{"path":"packages/ui/react-ui-table/src/schema/schema.ts","kind":"import-statement","original":"./schema"},{"path":"packages/ui/react-ui-table/src/schema/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/ui/react-ui-table/src/schema/schema.ts","kind":"import-statement","original":"./schema"}],"format":"esm"},"packages/ui/react-ui-table/src/types.ts":{"bytes":1862,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/index.ts":{"bytes":1142,"imports":[{"path":"packages/ui/react-ui-table/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/ui/react-ui-table/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-table/src/helpers.tsx","kind":"import-statement","original":"./helpers"},{"path":"packages/ui/react-ui-table/src/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-table/src/schema/index.ts","kind":"import-statement","original":"./schema"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"./theme"},{"path":"packages/ui/react-ui-table/src/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-table/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":116271},"packages/ui/react-ui-table/dist/lib/browser/index.mjs":{"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@tanstack/react-virtual","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"date-fns/format","kind":"import-statement","external":true},{"path":"date-fns/formatDistanceToNow","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/effect","kind":"import-statement","external":true}],"exports":["CellCombobox","ColumnBuilder","ColumnMenu","ColumnSettings","MemoizedVirtualizedTableContent","SortIndicator","TABLE_NAME","Table","TablePrimitive","TableProvider","TableRootContext","createColumnBuilder","currentRow","flushPadding","getColumnTypes","gridCellFocusRing","groupTh","headPadding","schemaToColumnDefs","selectedRow","tableRoot","tbodyRoot","tbodyTr","tdRoot","textPadding","theadResizeRoot","theadRoot","theadTh","theadTr","translations","useColumnResizing","useColumnSorting","usePinLastRow","useRowSelection","useSortColumn","useTableContext","useTableRootContext"],"entryPoint":"packages/ui/react-ui-table/src/index.ts","inputs":{"packages/ui/react-ui-table/src/translations.ts":{"bytesInOutput":611},"packages/ui/react-ui-table/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/Cell/CellCombobox.tsx":{"bytesInOutput":2993},"packages/ui/react-ui-table/src/components/Cell/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/ColumnMenu/ColumnMenu.tsx":{"bytesInOutput":6108},"packages/ui/react-ui-table/src/components/ColumnMenu/ColumnSettings.tsx":{"bytesInOutput":5743},"packages/ui/react-ui-table/src/hooks/useColumnSizing.ts":{"bytesInOutput":1068},"packages/ui/react-ui-table/src/hooks/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/hooks/useColumnSorting.ts":{"bytesInOutput":1472},"packages/ui/react-ui-table/src/components/Table/TableContext.tsx":{"bytesInOutput":442},"packages/ui/react-ui-table/src/hooks/usePinLastRow.ts":{"bytesInOutput":961},"packages/ui/react-ui-table/src/hooks/useRowSelection.ts":{"bytesInOutput":1055},"packages/ui/react-ui-table/src/components/ColumnMenu/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/Table/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/Table/Table.tsx":{"bytesInOutput":7549},"packages/ui/react-ui-table/src/components/Table/TableBody.tsx":{"bytesInOutput":1994},"packages/ui/react-ui-table/src/components/Table/TableRootContext.ts":{"bytesInOutput":758},"packages/ui/react-ui-table/src/theme.ts":{"bytesInOutput":2144},"packages/ui/react-ui-table/src/components/Cell/Cell.tsx":{"bytesInOutput":2259},"packages/ui/react-ui-table/src/components/Table/TableHead.tsx":{"bytesInOutput":1785},"packages/ui/react-ui-table/src/helpers.tsx":{"bytesInOutput":13559},"packages/ui/react-ui-table/src/schema/schema.ts":{"bytesInOutput":1744},"packages/ui/react-ui-table/src/schema/column-utils.ts":{"bytesInOutput":1031},"packages/ui/react-ui-table/src/schema/index.ts":{"bytesInOutput":0}},"bytes":55326}}}
1
+ {"inputs":{"packages/ui/react-ui-table/src/translations.ts":{"bytes":2404,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/components/Cell/CellCombobox.tsx":{"bytes":11824,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Cell/index.ts":{"bytes":526,"imports":[{"path":"packages/ui/react-ui-table/src/components/Cell/CellCombobox.tsx","kind":"import-statement","original":"./CellCombobox"}],"format":"esm"},"packages/ui/react-ui-table/src/components/ColumnMenu/ColumnSettings.tsx":{"bytes":22422,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"packages/ui/react-ui-table/src/hooks/useColumnSizing.ts":{"bytes":5073,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableContext.tsx":{"bytes":2892,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/hooks/useColumnSorting.ts":{"bytes":6849,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"../components/Table/TableContext"}],"format":"esm"},"packages/ui/react-ui-table/src/hooks/usePinLastRow.ts":{"bytes":4488,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/hooks/useRowSelection.ts":{"bytes":5106,"imports":[{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/hooks/index.ts":{"bytes":847,"imports":[{"path":"packages/ui/react-ui-table/src/hooks/useColumnSizing.ts","kind":"import-statement","original":"./useColumnSizing"},{"path":"packages/ui/react-ui-table/src/hooks/useColumnSorting.ts","kind":"import-statement","original":"./useColumnSorting"},{"path":"packages/ui/react-ui-table/src/hooks/usePinLastRow.ts","kind":"import-statement","original":"./usePinLastRow"},{"path":"packages/ui/react-ui-table/src/hooks/useRowSelection.ts","kind":"import-statement","original":"./useRowSelection"}],"format":"esm"},"packages/ui/react-ui-table/src/components/ColumnMenu/ColumnMenu.tsx":{"bytes":21065,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/ColumnMenu/ColumnSettings.tsx","kind":"import-statement","original":"./ColumnSettings"},{"path":"packages/ui/react-ui-table/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"packages/ui/react-ui-table/src/components/ColumnMenu/index.ts":{"bytes":632,"imports":[{"path":"packages/ui/react-ui-table/src/components/ColumnMenu/ColumnMenu.tsx","kind":"import-statement","original":"./ColumnMenu"},{"path":"packages/ui/react-ui-table/src/components/ColumnMenu/ColumnSettings.tsx","kind":"import-statement","original":"./ColumnSettings"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/props.ts":{"bytes":2883,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableRootContext.ts":{"bytes":3971,"imports":[{"path":"@tanstack/react-virtual","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/theme.ts":{"bytes":9209,"imports":[{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-table/src/components/Cell/Cell.tsx":{"bytes":10689,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"../Table/TableContext"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableBody.tsx":{"bytes":9015,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/components/Table/TableRootContext.ts","kind":"import-statement","original":"./TableRootContext"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"},{"path":"packages/ui/react-ui-table/src/components/Cell/Cell.tsx","kind":"import-statement","original":"../Cell/Cell"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/TableHead.tsx":{"bytes":8047,"imports":[{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/Table.tsx":{"bytes":31871,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/Table/TableBody.tsx","kind":"import-statement","original":"./TableBody"},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/components/Table/TableHead.tsx","kind":"import-statement","original":"./TableHead"},{"path":"packages/ui/react-ui-table/src/components/Table/TableRootContext.ts","kind":"import-statement","original":"./TableRootContext"},{"path":"packages/ui/react-ui-table/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"../../theme"}],"format":"esm"},"packages/ui/react-ui-table/src/components/Table/index.ts":{"bytes":801,"imports":[{"path":"packages/ui/react-ui-table/src/components/Table/props.ts","kind":"import-statement","original":"./props"},{"path":"packages/ui/react-ui-table/src/components/Table/Table.tsx","kind":"import-statement","original":"./Table"},{"path":"packages/ui/react-ui-table/src/components/Table/TableContext.tsx","kind":"import-statement","original":"./TableContext"},{"path":"packages/ui/react-ui-table/src/components/Table/TableRootContext.ts","kind":"import-statement","original":"./TableRootContext"}],"format":"esm"},"packages/ui/react-ui-table/src/components/index.ts":{"bytes":676,"imports":[{"path":"packages/ui/react-ui-table/src/components/Cell/index.ts","kind":"import-statement","original":"./Cell"},{"path":"packages/ui/react-ui-table/src/components/ColumnMenu/index.ts","kind":"import-statement","original":"./ColumnMenu"},{"path":"packages/ui/react-ui-table/src/components/Table/index.ts","kind":"import-statement","original":"./Table"}],"format":"esm"},"packages/ui/react-ui-table/src/helpers.tsx":{"bytes":55537,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"date-fns/format","kind":"import-statement","external":true},{"path":"date-fns/formatDistanceToNow","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"./theme"}],"format":"esm"},"packages/ui/react-ui-table/src/schema/column-utils.ts":{"bytes":5582,"imports":[{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-table/src/helpers.tsx","kind":"import-statement","original":"../helpers"}],"format":"esm"},"packages/ui/react-ui-table/src/schema/types.ts":{"bytes":1293,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/schema/index.ts":{"bytes":598,"imports":[{"path":"packages/ui/react-ui-table/src/schema/column-utils.ts","kind":"import-statement","original":"./column-utils"},{"path":"packages/ui/react-ui-table/src/schema/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/ui/react-ui-table/src/types.ts":{"bytes":1862,"imports":[],"format":"esm"},"packages/ui/react-ui-table/src/index.ts":{"bytes":1142,"imports":[{"path":"packages/ui/react-ui-table/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/ui/react-ui-table/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-table/src/helpers.tsx","kind":"import-statement","original":"./helpers"},{"path":"packages/ui/react-ui-table/src/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-table/src/schema/index.ts","kind":"import-statement","original":"./schema"},{"path":"packages/ui/react-ui-table/src/theme.ts","kind":"import-statement","original":"./theme"},{"path":"packages/ui/react-ui-table/src/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-table/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":112214},"packages/ui/react-ui-table/dist/lib/browser/index.mjs":{"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@tanstack/react-virtual","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@tanstack/react-table","kind":"import-statement","external":true},{"path":"date-fns/format","kind":"import-statement","external":true},{"path":"date-fns/formatDistanceToNow","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"exports":["CellCombobox","ColumnBuilder","ColumnMenu","ColumnSettings","MemoizedVirtualizedTableContent","SortIndicator","TABLE_NAME","Table","TablePrimitive","TableProvider","TableRootContext","createColumnBuilder","currentRow","flushPadding","gridCellFocusRing","groupTh","headPadding","schemaToColumnDefs","selectedRow","tableRoot","tbodyRoot","tbodyTr","tdRoot","textPadding","theadResizeRoot","theadRoot","theadTh","theadTr","translations","useColumnResizing","useColumnSorting","usePinLastRow","useRowSelection","useSortColumn","useTableContext","useTableRootContext"],"entryPoint":"packages/ui/react-ui-table/src/index.ts","inputs":{"packages/ui/react-ui-table/src/translations.ts":{"bytesInOutput":612},"packages/ui/react-ui-table/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/Cell/CellCombobox.tsx":{"bytesInOutput":2993},"packages/ui/react-ui-table/src/components/Cell/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/ColumnMenu/ColumnMenu.tsx":{"bytesInOutput":6108},"packages/ui/react-ui-table/src/components/ColumnMenu/ColumnSettings.tsx":{"bytesInOutput":5748},"packages/ui/react-ui-table/src/hooks/useColumnSizing.ts":{"bytesInOutput":1068},"packages/ui/react-ui-table/src/hooks/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/hooks/useColumnSorting.ts":{"bytesInOutput":1472},"packages/ui/react-ui-table/src/components/Table/TableContext.tsx":{"bytesInOutput":442},"packages/ui/react-ui-table/src/hooks/usePinLastRow.ts":{"bytesInOutput":961},"packages/ui/react-ui-table/src/hooks/useRowSelection.ts":{"bytesInOutput":1055},"packages/ui/react-ui-table/src/components/ColumnMenu/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/Table/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-table/src/components/Table/Table.tsx":{"bytesInOutput":7549},"packages/ui/react-ui-table/src/components/Table/TableBody.tsx":{"bytesInOutput":1994},"packages/ui/react-ui-table/src/components/Table/TableRootContext.ts":{"bytesInOutput":758},"packages/ui/react-ui-table/src/theme.ts":{"bytesInOutput":2144},"packages/ui/react-ui-table/src/components/Cell/Cell.tsx":{"bytesInOutput":2259},"packages/ui/react-ui-table/src/components/Table/TableHead.tsx":{"bytesInOutput":1785},"packages/ui/react-ui-table/src/helpers.tsx":{"bytesInOutput":13559},"packages/ui/react-ui-table/src/schema/column-utils.ts":{"bytesInOutput":1165},"packages/ui/react-ui-table/src/schema/index.ts":{"bytesInOutput":0}},"bytes":53652}}}
package/dist/types/src/components/ColumnMenu/ColumnMenu.d.ts CHANGED
@@ -1,17 +1,20 @@
1
1
  import { type SortDirection, type HeaderContext, type RowData } from '@tanstack/react-table';
2
2
  import React from 'react';
3
- import { type TableDef, type ColumnProps } from '../../schema';
3
+ import { type TableDef, type ColumnDef } from '../../schema';
4
4
  export type ColumnMenuProps<TData extends RowData, TValue> = {
5
5
  context: HeaderContext<TData, TValue>;
6
6
  tablesToReference: TableDef[];
7
7
  tableDef: TableDef;
8
- column: ColumnProps;
8
+ column: ColumnDef;
9
9
  columnOrderable: boolean;
10
10
  columnPosition: 'start' | 'end' | undefined;
11
11
  onColumnReorder: (columnId: string, direction: 'left' | 'right') => void;
12
- onUpdate?: (id: string, column: ColumnProps) => void;
12
+ onUpdate?: (id: string, column: ColumnDef) => void;
13
13
  onDelete?: (id: string) => void;
14
14
  };
15
+ /**
16
+ * @deprecated
17
+ */
15
18
  export declare const ColumnMenu: <TData extends RowData, TValue>({ column, columnOrderable, columnPosition, onColumnReorder, ...props }: ColumnMenuProps<TData, TValue>) => React.JSX.Element;
16
19
  export declare const SortIndicator: ({ direction, onClick, }: {
17
20
  direction: SortDirection | undefined;
package/dist/types/src/components/ColumnMenu/ColumnMenu.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ColumnMenu/ColumnMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC7F,OAAO,KAAwC,MAAM,OAAO,CAAC;AAO7D,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,IAAI;IAC3D,OAAO,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACtC,iBAAiB,EAAE,QAAQ,EAAE,CAAC;IAC9B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,WAAW,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IAC5C,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACzE,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,KAAK,SAAS,OAAO,EAAE,MAAM,0EAMrD,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,sBAoHhC,CAAC;AAEF,eAAO,MAAM,aAAa,4BAGvB;IACD,SAAS,EAAE,aAAa,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B,6BAqBA,CAAC"}
1
+ {"version":3,"file":"ColumnMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ColumnMenu/ColumnMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC7F,OAAO,KAAwC,MAAM,OAAO,CAAC;AAO7D,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,IAAI;IAC3D,OAAO,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACtC,iBAAiB,EAAE,QAAQ,EAAE,CAAC;IAC9B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,SAAS,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IAC5C,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACzE,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,SAAS,OAAO,EAAE,MAAM,0EAMrD,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,sBAoHhC,CAAC;AAEF,eAAO,MAAM,aAAa,4BAGvB;IACD,SAAS,EAAE,aAAa,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B,6BAqBA,CAAC"}
package/dist/types/src/components/ColumnMenu/ColumnMenu.stories.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import '@dxos-theme';
2
2
  import React from 'react';
3
- import { type ColumnProps } from '../../schema';
3
+ import { type ColumnDef } from '../../schema';
4
4
  declare const _default: {
5
5
  title: string;
6
6
  component: <TData extends import("@tanstack/react-table").RowData, TValue>({ column, columnOrderable, columnPosition, onColumnReorder, ...props }: import("./ColumnMenu").ColumnMenuProps<TData, TValue>) => React.JSX.Element;
@@ -19,11 +19,11 @@ export declare const Default: {
19
19
  };
20
20
  };
21
21
  };
22
- onUpdate?: ((id: string, column: ColumnProps) => void) | undefined;
22
+ onUpdate?: ((id: string, column: ColumnDef) => void) | undefined;
23
23
  onDelete?: ((id: string) => void) | undefined;
24
24
  tableDef: import("../../schema").TableDef;
25
25
  tablesToReference: import("../../schema").TableDef[];
26
- column: ColumnProps;
26
+ column: ColumnDef;
27
27
  };
28
28
  decorators: import("@storybook/react/*").Decorator[];
29
29
  parameters: {
package/dist/types/src/components/ColumnMenu/ColumnMenu.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ColumnMenu/ColumnMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;;;;;;AAEhD,wBAIE;AA2BF,eAAO,MAAM,OAAO;;;;;;2CAca,OAAO;;;;;;;;;;gBAT/B,WAAW;;;;;;CA+BnB,CAAC;AAEF,eAAO,MAAM,YAAY;;CA2CxB,CAAC"}
1
+ {"version":3,"file":"ColumnMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ColumnMenu/ColumnMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;;;;;;AAE9C,wBAIE;AA2BF,eAAO,MAAM,OAAO;;;;;;2CAca,OAAO;;;;;;;;;;gBAT/B,SAAS;;;;;;CA+BjB,CAAC;AAEF,eAAO,MAAM,YAAY;;CA2CxB,CAAC"}
package/dist/types/src/components/ColumnMenu/ColumnSettings.d.ts CHANGED
@@ -1,12 +1,15 @@
1
1
  import React from 'react';
2
- import { type TableDef, type ColumnProps } from '../../schema';
2
+ import { type TableDef, type ColumnDef } from '../../schema';
3
3
  export type ColumnSettingsProps = {
4
- column: ColumnProps;
4
+ column: ColumnDef;
5
5
  tableDef: TableDef;
6
6
  tablesToReference: TableDef[];
7
- onUpdate?: (id: string, column: ColumnProps) => void;
7
+ onUpdate?: (id: string, column: ColumnDef) => void;
8
8
  onDelete?: (id: string) => void;
9
9
  onClose?: () => void;
10
10
  };
11
+ /**
12
+ * @deprecated
13
+ */
11
14
  export declare const ColumnSettings: ({ column, tableDef, tablesToReference, onUpdate, onDelete, onClose, }: ColumnSettingsProps) => React.JSX.Element;
12
15
  //# sourceMappingURL=ColumnSettings.d.ts.map
package/dist/types/src/components/ColumnMenu/ColumnSettings.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnSettings.d.ts","sourceRoot":"","sources":["../../../../../src/components/ColumnMenu/ColumnSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAKhD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,WAAW,EAAmB,MAAM,cAAc,CAAC;AAGhF,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IAEnB,iBAAiB,EAAE,QAAQ,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,0EAOxB,mBAAmB,sBA8KrB,CAAC"}
1
+ {"version":3,"file":"ColumnSettings.d.ts","sourceRoot":"","sources":["../../../../../src/components/ColumnMenu/ColumnSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAMhD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG7D,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IAEnB,iBAAiB,EAAE,QAAQ,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,0EAOxB,mBAAmB,sBA8KrB,CAAC"}
package/dist/types/src/components/ColumnMenu/ColumnSettings.stories.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import '@dxos-theme';
2
2
  import React from 'react';
3
+ import { FieldValueType } from '@dxos/schema';
3
4
  import { type ColumnSettingsProps } from './ColumnSettings';
4
5
  import { type TableDef } from '../../schema';
5
6
  declare const _default: {
@@ -37,13 +38,13 @@ export declare const NumberColumn: {
37
38
  column: {
38
39
  id: string;
39
40
  prop: string;
40
- type: string;
41
+ type: FieldValueType;
41
42
  label: string;
42
43
  digits: number;
43
44
  };
44
45
  tableDef: TableDef;
45
46
  tablesToReference: TableDef[];
46
- onUpdate?: (id: string, column: import("../../schema").ColumnProps) => void;
47
+ onUpdate?: (id: string, column: import("../../schema").ColumnDef) => void;
47
48
  onDelete?: (id: string) => void;
48
49
  onClose?: () => void;
49
50
  };
@@ -53,14 +54,14 @@ export declare const ReferenceColumn: {
53
54
  column: {
54
55
  id: string;
55
56
  prop: string;
56
- type: string;
57
+ type: FieldValueType;
57
58
  label: string;
58
59
  refTable: string;
59
60
  refProp: string;
60
61
  };
61
62
  tableDef: TableDef;
62
63
  tablesToReference: TableDef[];
63
- onUpdate?: (id: string, column: import("../../schema").ColumnProps) => void;
64
+ onUpdate?: (id: string, column: import("../../schema").ColumnDef) => void;
64
65
  onDelete?: (id: string) => void;
65
66
  onClose?: () => void;
66
67
  };
@@ -70,12 +71,12 @@ export declare const NewColumn: {
70
71
  column: {
71
72
  id: string;
72
73
  prop: string;
73
- type: string;
74
+ type: FieldValueType;
74
75
  label: string;
75
76
  };
76
77
  tableDef: TableDef;
77
78
  tablesToReference: TableDef[];
78
- onUpdate?: (id: string, column: import("../../schema").ColumnProps) => void;
79
+ onUpdate?: (id: string, column: import("../../schema").ColumnDef) => void;
79
80
  onDelete?: (id: string) => void;
80
81
  onClose?: () => void;
81
82
  };
package/dist/types/src/components/ColumnMenu/ColumnSettings.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnSettings.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ColumnMenu/ColumnSettings.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;oBAGvB,mBAAmB;;AAMzC,wBAQE;AAqCF,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;CAWxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;CAY3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAUrB,CAAC"}
1
+ {"version":3,"file":"ColumnSettings.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ColumnMenu/ColumnSettings.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;oBAGvB,mBAAmB;;AAMzC,wBAQE;AAqCF,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;CAWxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;CAY3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAUrB,CAAC"}
package/dist/types/src/components/Table/Table.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAGL,KAAK,OAAO,EAMb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,EACZ,KAAK,wBAAwB,EAM7B,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAmB,KAAK,eAAe,EAAmB,MAAM,gBAAgB,CAAC;AAOxF,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,KAAK,cAAc,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAW9C,KAAK,kBAAkB,GAAG,eAAe,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAkBF,eAAO,MAAM,cAAc,GAAI,KAAK,SAAS,OAAO,SAAS,UAAU,CAAC,KAAK,CAAC,sBAwG7E,CAAC;AA2FF,eAAO,MAAM,+BAA+B,oDAAgC,CAAC;AAqC7E,eAAO,MAAM,KAAK;yBArQe,cAAc;4DAaqB,kBAAkB;WAgBvD,KAAK,SAAS,OAAO,SAAS,UAAU,CAAC,KAAK,CAAC;CA4O7E,CAAC"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAGL,KAAK,OAAO,EAMb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,EACZ,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAmB,KAAK,eAAe,EAAmB,MAAM,gBAAgB,CAAC;AAOxF,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,KAAK,cAAc,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAW9C,KAAK,kBAAkB,GAAG,eAAe,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAiBF,eAAO,MAAM,cAAc,GAAI,KAAK,SAAS,OAAO,SAAS,UAAU,CAAC,KAAK,CAAC,sBAwG7E,CAAC;AA2FF,eAAO,MAAM,+BAA+B,oDAAgC,CAAC;AAqC7E,eAAO,MAAM,KAAK;yBApQe,cAAc;4DAaqB,kBAAkB;WAevD,KAAK,SAAS,OAAO,SAAS,UAAU,CAAC,KAAK,CAAC;CA4O7E,CAAC"}
package/dist/types/src/schema/index.d.ts CHANGED
@@ -1,5 +1,3 @@
1
1
  export * from './column-utils';
2
- export * from './schema';
3
2
  export * from './types';
4
- export * from './schema';
5
3
  //# sourceMappingURL=index.d.ts.map
package/dist/types/src/schema/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/schema/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/schema/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}
package/dist/types/src/schema/types.d.ts CHANGED
@@ -1,13 +1,13 @@
1
+ import { type FieldValueType } from '@dxos/schema';
1
2
  export type TableDef = {
2
3
  id: string;
3
4
  name?: string;
4
- columns: ColumnProps[];
5
+ columns: ColumnDef[];
5
6
  };
6
- export type ColumnType = 'number' | 'boolean' | 'date' | 'string' | 'json' | 'ref';
7
- export type ColumnProps = {
7
+ export type ColumnDef = {
8
8
  id: string;
9
9
  prop: string;
10
- type: ColumnType;
10
+ type: FieldValueType;
11
11
  size?: number;
12
12
  label?: string;
13
13
  digits?: number;
package/dist/types/src/schema/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/schema/types.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AAGF,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,CAAC;AAGnF,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/schema/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,EAAE,CAAC;CACtB,CAAC;AAGF,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dxos/react-ui-table",
3
- "version": "0.6.12-main.7907542",
3
+ "version": "0.6.12-main.ac23639",
4
4
  "description": "A table component.",
5
5
  "homepage": "https://dxos.org",
6
6
  "bugs": "https://github.com/dxos/dxos/issues",
@@ -21,7 +21,6 @@
21
21
  "src"
22
22
  ],
23
23
  "dependencies": {
24
- "@effect/schema": "^0.75.1",
25
24
  "@fluentui/react-tabster": "^9.19.0",
26
25
  "@radix-ui/react-context": "^1.0.0",
27
26
  "@radix-ui/react-primitive": "^1.0.2",
@@ -30,18 +29,19 @@
30
29
  "@tanstack/react-table": "^8.13.2",
31
30
  "@tanstack/react-virtual": "^3.9.0",
32
31
  "date-fns": "^3.3.1",
33
- "@dxos/async": "0.6.12-main.7907542",
34
- "@dxos/debug": "0.6.12-main.7907542",
35
- "@dxos/echo-schema": "0.6.12-main.7907542",
36
- "@dxos/effect": "0.6.12-main.7907542",
37
- "@dxos/invariant": "0.6.12-main.7907542",
38
- "@dxos/keys": "0.6.12-main.7907542",
39
- "@dxos/log": "0.6.12-main.7907542",
40
- "@dxos/react-ui": "0.6.12-main.7907542",
41
- "@dxos/react-ui-theme": "0.6.12-main.7907542",
42
- "@dxos/react-ui-searchlist": "0.6.12-main.7907542",
43
- "@dxos/react-ui-types": "0.6.12-main.7907542",
44
- "@dxos/util": "0.6.12-main.7907542"
32
+ "@dxos/async": "0.6.12-main.ac23639",
33
+ "@dxos/debug": "0.6.12-main.ac23639",
34
+ "@dxos/echo-schema": "0.6.12-main.ac23639",
35
+ "@dxos/effect": "0.6.12-main.ac23639",
36
+ "@dxos/invariant": "0.6.12-main.ac23639",
37
+ "@dxos/keys": "0.6.12-main.ac23639",
38
+ "@dxos/log": "0.6.12-main.ac23639",
39
+ "@dxos/react-ui": "0.6.12-main.ac23639",
40
+ "@dxos/react-ui-searchlist": "0.6.12-main.ac23639",
41
+ "@dxos/react-ui-types": "0.6.12-main.ac23639",
42
+ "@dxos/react-ui-theme": "0.6.12-main.ac23639",
43
+ "@dxos/schema": "0.6.12-main.ac23639",
44
+ "@dxos/util": "0.6.12-main.ac23639"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@phosphor-icons/react": "^2.1.5",
@@ -51,13 +51,12 @@
51
51
  "react": "~18.2.0",
52
52
  "react-dom": "~18.2.0",
53
53
  "vite": "5.4.7",
54
- "@dxos/echo-signals": "0.6.12-main.7907542",
55
- "@dxos/random": "0.6.12-main.7907542",
56
- "@dxos/react-ui-theme": "0.6.12-main.7907542",
57
- "@dxos/storybook-utils": "0.6.12-main.7907542"
54
+ "@dxos/echo-signals": "0.6.12-main.ac23639",
55
+ "@dxos/react-ui-theme": "0.6.12-main.ac23639",
56
+ "@dxos/random": "0.6.12-main.ac23639",
57
+ "@dxos/storybook-utils": "0.6.12-main.ac23639"
58
58
  },
59
59
  "peerDependencies": {
60
- "@effect/schema": "^0.75.1",
61
60
  "@phosphor-icons/react": "^2.1.5",
62
61
  "react": "~18.2.0",
63
62
  "react-dom": "~18.2.0"
package/src/components/ColumnMenu/ColumnMenu.stories.tsx CHANGED
@@ -7,11 +7,12 @@ import '@dxos-theme';
7
7
  import { type SortDirection } from '@tanstack/react-table';
8
8
  import React, { useState } from 'react';
9
9
 
10
+ import { FieldValueType } from '@dxos/schema';
10
11
  import { withTheme } from '@dxos/storybook-utils';
11
12
 
12
13
  import { ColumnMenu } from './ColumnMenu';
13
14
  import { type ColumnSettingsProps } from './ColumnSettings';
14
- import { type ColumnProps } from '../../schema';
15
+ import { type ColumnDef } from '../../schema';
15
16
 
16
17
  export default {
17
18
  title: 'react-ui-table/ColumnMenu',
@@ -23,18 +24,18 @@ const defs: Pick<ColumnSettingsProps, 'tableDef' | 'tablesToReference'> = {
23
24
  tableDef: {
24
25
  id: '1',
25
26
  name: 'table 1',
26
- columns: [{ id: 'col-1', prop: 'one', type: 'string' }],
27
+ columns: [{ id: 'col-1', prop: 'one', type: FieldValueType.String }],
27
28
  },
28
29
  tablesToReference: [
29
30
  {
30
31
  id: '1',
31
32
  name: 'table 1',
32
- columns: [{ id: 'col-1', prop: 'one', type: 'string' }],
33
+ columns: [{ id: 'col-1', prop: 'one', type: FieldValueType.String }],
33
34
  },
34
35
  {
35
36
  id: '2',
36
37
  name: 'table 2',
37
- columns: [{ id: 'col-1', prop: 'two', type: 'string' }],
38
+ columns: [{ id: 'col-1', prop: 'two', type: FieldValueType.String }],
38
39
  },
39
40
  ],
40
41
  };
@@ -49,7 +50,7 @@ export const Default = {
49
50
  column: {
50
51
  id: 'test',
51
52
  label: 'test',
52
- } as ColumnProps,
53
+ } as ColumnDef,
53
54
 
54
55
  ...defs,
55
56
  ...functions,
@@ -89,7 +90,7 @@ export const ReactiveSort = {
89
90
  column: {
90
91
  id: 'test',
91
92
  label: 'test',
92
- } as ColumnProps,
93
+ } as ColumnDef,
93
94
  context: {
94
95
  header: {
95
96
  column: {
package/src/components/ColumnMenu/ColumnMenu.tsx CHANGED
@@ -11,20 +11,23 @@ import { getSize, mx } from '@dxos/react-ui-theme';
11
11
 
12
12
  import { ColumnSettings } from './ColumnSettings';
13
13
  import { useSortColumn } from '../../hooks';
14
- import { type TableDef, type ColumnProps } from '../../schema';
14
+ import { type TableDef, type ColumnDef } from '../../schema';
15
15
 
16
16
  export type ColumnMenuProps<TData extends RowData, TValue> = {
17
17
  context: HeaderContext<TData, TValue>;
18
18
  tablesToReference: TableDef[];
19
19
  tableDef: TableDef;
20
- column: ColumnProps;
20
+ column: ColumnDef;
21
21
  columnOrderable: boolean;
22
22
  columnPosition: 'start' | 'end' | undefined;
23
23
  onColumnReorder: (columnId: string, direction: 'left' | 'right') => void;
24
- onUpdate?: (id: string, column: ColumnProps) => void;
24
+ onUpdate?: (id: string, column: ColumnDef) => void;
25
25
  onDelete?: (id: string) => void;
26
26
  };
27
27
 
28
+ /**
29
+ * @deprecated
30
+ */
28
31
  export const ColumnMenu = <TData extends RowData, TValue>({
29
32
  column,
30
33
  columnOrderable,
package/src/components/ColumnMenu/ColumnSettings.stories.tsx CHANGED
@@ -6,6 +6,7 @@ import '@dxos-theme';
6
6
 
7
7
  import React from 'react';
8
8
 
9
+ import { FieldValueType } from '@dxos/schema';
9
10
  import { withTheme, withLayout } from '@dxos/storybook-utils';
10
11
 
11
12
  import { ColumnSettings, type ColumnSettingsProps } from './ColumnSettings';
@@ -32,8 +33,8 @@ const sampleTableDef: TableDef = {
32
33
  id: '1',
33
34
  name: 'Sample Table',
34
35
  columns: [
35
- { id: 'col-1', prop: 'name', type: 'string', label: 'Name' },
36
- { id: 'col-2', prop: 'age', type: 'number', label: 'Age', digits: 0 },
36
+ { id: 'col-1', prop: 'name', type: FieldValueType.String, label: 'Name' },
37
+ { id: 'col-2', prop: 'age', type: FieldValueType.Number, label: 'Age', digits: 0 },
37
38
  ],
38
39
  };
39
40
 
@@ -43,8 +44,8 @@ const sampleTablesToReference: TableDef[] = [
43
44
  id: '2',
44
45
  name: 'Reference Table',
45
46
  columns: [
46
- { id: 'ref-col-1', prop: 'id', type: 'string', label: 'ID' },
47
- { id: 'ref-col-2', prop: 'description', type: 'string', label: 'Description' },
47
+ { id: 'ref-col-1', prop: 'id', type: FieldValueType.String, label: 'ID' },
48
+ { id: 'ref-col-2', prop: 'description', type: FieldValueType.String, label: 'Description' },
48
49
  ],
49
50
  },
50
51
  ];
@@ -53,7 +54,7 @@ const defaultArgs: ColumnSettingsProps = {
53
54
  column: {
54
55
  id: 'col-1',
55
56
  prop: 'name',
56
- type: 'string',
57
+ type: FieldValueType.String,
57
58
  label: 'Name',
58
59
  },
59
60
  tableDef: sampleTableDef,
@@ -73,7 +74,7 @@ export const NumberColumn = {
73
74
  column: {
74
75
  id: 'col-2',
75
76
  prop: 'age',
76
- type: 'number',
77
+ type: FieldValueType.Number,
77
78
  label: 'Age',
78
79
  digits: 0,
79
80
  },
@@ -86,7 +87,7 @@ export const ReferenceColumn = {
86
87
  column: {
87
88
  id: 'col-3',
88
89
  prop: 'reference',
89
- type: 'ref',
90
+ type: FieldValueType.Ref,
90
91
  label: 'Reference',
91
92
  refTable: '2',
92
93
  refProp: 'ref-col-1',
@@ -100,7 +101,7 @@ export const NewColumn = {
100
101
  column: {
101
102
  id: 'new-col',
102
103
  prop: '',
103
- type: 'string',
104
+ type: FieldValueType.String,
104
105
  label: '',
105
106
  },
106
107
  },
package/src/components/ColumnMenu/ColumnSettings.tsx CHANGED
@@ -5,21 +5,25 @@
5
5
  import React, { useRef, useState } from 'react';
6
6
 
7
7
  import { Button, Input, Select, useTranslation } from '@dxos/react-ui';
8
+ import { FieldValueTypes } from '@dxos/schema';
8
9
  import { safeParseInt } from '@dxos/util';
9
10
 
10
- import { type TableDef, type ColumnProps, type ColumnType } from '../../schema';
11
+ import { type TableDef, type ColumnDef } from '../../schema';
11
12
  import { translationKey } from '../../translations';
12
13
 
13
14
  export type ColumnSettingsProps = {
14
- column: ColumnProps;
15
+ column: ColumnDef;
15
16
  tableDef: TableDef;
16
17
  // TODO(burdon): Rename.
17
18
  tablesToReference: TableDef[];
18
- onUpdate?: (id: string, column: ColumnProps) => void;
19
+ onUpdate?: (id: string, column: ColumnDef) => void;
19
20
  onDelete?: (id: string) => void;
20
21
  onClose?: () => void;
21
22
  };
22
23
 
24
+ /**
25
+ * @deprecated
26
+ */
23
27
  export const ColumnSettings = ({
24
28
  column,
25
29
  tableDef,
@@ -64,7 +68,7 @@ export const ColumnSettings = ({
64
68
  id: prop, // TODO(burdon): Make unique.
65
69
  prop,
66
70
  label,
67
- type: type as ColumnProps['type'],
71
+ type: type as ColumnDef['type'],
68
72
  refTable,
69
73
  refProp,
70
74
  digits: safeParseInt(digits),
@@ -114,7 +118,7 @@ export const ColumnSettings = ({
114
118
  <Select.Portal>
115
119
  <Select.Content>
116
120
  <Select.Viewport>
117
- {(['number', 'boolean', 'string', 'ref'] as ColumnType[]).map((type) => (
121
+ {FieldValueTypes.map((type) => (
118
122
  <Select.Option key={type} value={type}>
119
123
  {t(`${type} column type label`)}
120
124
  </Select.Option>