@operato/data-grist 2.0.0-alpha.0 → 2.0.0-alpha.3

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 (83) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/src/configure/column-builder.js +5 -5
  3. package/dist/src/configure/column-builder.js.map +1 -1
  4. package/dist/src/configure/zero-config.js +3 -1
  5. package/dist/src/configure/zero-config.js.map +1 -1
  6. package/dist/src/data-card/data-card-field.js +1 -1
  7. package/dist/src/data-card/data-card-field.js.map +1 -1
  8. package/dist/src/data-grid/data-grid-accum-field.d.ts +1 -0
  9. package/dist/src/data-grid/data-grid-accum-field.js +8 -0
  10. package/dist/src/data-grid/data-grid-accum-field.js.map +1 -1
  11. package/dist/src/data-grid/data-grid-body.js +24 -3
  12. package/dist/src/data-grid/data-grid-body.js.map +1 -1
  13. package/dist/src/data-grid/data-grid-field.d.ts +1 -0
  14. package/dist/src/data-grid/data-grid-field.js +5 -0
  15. package/dist/src/data-grid/data-grid-field.js.map +1 -1
  16. package/dist/src/data-grid/event-handlers/data-grid-body-click-handler.js +2 -2
  17. package/dist/src/data-grid/event-handlers/data-grid-body-click-handler.js.map +1 -1
  18. package/dist/src/data-grid/event-handlers/data-grid-body-contextmenu-handler.d.ts +7 -0
  19. package/dist/src/data-grid/event-handlers/data-grid-body-contextmenu-handler.js +25 -0
  20. package/dist/src/data-grid/event-handlers/data-grid-body-contextmenu-handler.js.map +1 -0
  21. package/dist/src/data-grid/event-handlers/data-grid-body-dblclick-handler.js +2 -2
  22. package/dist/src/data-grid/event-handlers/data-grid-body-dblclick-handler.js.map +1 -1
  23. package/dist/src/data-grid/event-handlers/data-grid-body-focus-change-handler.js +2 -2
  24. package/dist/src/data-grid/event-handlers/data-grid-body-focus-change-handler.js.map +1 -1
  25. package/dist/src/data-list/data-list-field.js +1 -1
  26. package/dist/src/data-list/data-list-field.js.map +1 -1
  27. package/dist/src/data-manipulator.d.ts +7 -3
  28. package/dist/src/data-manipulator.js +86 -18
  29. package/dist/src/data-manipulator.js.map +1 -1
  30. package/dist/src/editors/ox-grist-editor-tree.d.ts +6 -0
  31. package/dist/src/editors/ox-grist-editor-tree.js +27 -0
  32. package/dist/src/editors/ox-grist-editor-tree.js.map +1 -0
  33. package/dist/src/editors/ox-grist-editor.d.ts +1 -0
  34. package/dist/src/editors/ox-grist-editor.js +3 -0
  35. package/dist/src/editors/ox-grist-editor.js.map +1 -1
  36. package/dist/src/editors/ox-input-tree.d.ts +20 -0
  37. package/dist/src/editors/ox-input-tree.js +221 -0
  38. package/dist/src/editors/ox-input-tree.js.map +1 -0
  39. package/dist/src/editors/registry.js +3 -1
  40. package/dist/src/editors/registry.js.map +1 -1
  41. package/dist/src/filters/filters-form.js +1 -1
  42. package/dist/src/filters/filters-form.js.map +1 -1
  43. package/dist/src/handlers/contextmenu-tree-mutation.d.ts +3 -0
  44. package/dist/src/handlers/contextmenu-tree-mutation.js +82 -0
  45. package/dist/src/handlers/contextmenu-tree-mutation.js.map +1 -0
  46. package/dist/src/handlers/registry.js +3 -1
  47. package/dist/src/handlers/registry.js.map +1 -1
  48. package/dist/src/renderers/ox-grist-renderer-tree.d.ts +1 -0
  49. package/dist/src/renderers/ox-grist-renderer-tree.js +6 -3
  50. package/dist/src/renderers/ox-grist-renderer-tree.js.map +1 -1
  51. package/dist/src/types.d.ts +437 -6
  52. package/dist/src/types.js +9 -0
  53. package/dist/src/types.js.map +1 -1
  54. package/dist/stories/tree-column-with-checkbox.stories.js +8 -3
  55. package/dist/stories/tree-column-with-checkbox.stories.js.map +1 -1
  56. package/dist/stories/tree-column.stories.js +8 -3
  57. package/dist/stories/tree-column.stories.js.map +1 -1
  58. package/dist/tsconfig.tsbuildinfo +1 -1
  59. package/docs/gutter/gutter.md +7 -0
  60. package/package.json +4 -4
  61. package/src/configure/column-builder.ts +4 -4
  62. package/src/configure/zero-config.ts +3 -1
  63. package/src/data-card/data-card-field.ts +1 -1
  64. package/src/data-grid/data-grid-accum-field.ts +7 -0
  65. package/src/data-grid/data-grid-body.ts +30 -3
  66. package/src/data-grid/data-grid-field.ts +6 -0
  67. package/src/data-grid/event-handlers/data-grid-body-click-handler.ts +2 -2
  68. package/src/data-grid/event-handlers/data-grid-body-contextmenu-handler.ts +32 -0
  69. package/src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts +2 -2
  70. package/src/data-grid/event-handlers/data-grid-body-focus-change-handler.ts +2 -2
  71. package/src/data-list/data-list-field.ts +1 -1
  72. package/src/data-manipulator.ts +109 -22
  73. package/src/editors/ox-grist-editor-tree.ts +27 -0
  74. package/src/editors/ox-grist-editor.ts +4 -0
  75. package/src/editors/ox-input-tree.ts +226 -0
  76. package/src/editors/registry.ts +3 -1
  77. package/src/filters/filters-form.ts +1 -1
  78. package/src/handlers/contextmenu-tree-mutation.ts +98 -0
  79. package/src/handlers/registry.ts +3 -1
  80. package/src/renderers/ox-grist-renderer-tree.ts +7 -3
  81. package/src/types.ts +446 -6
  82. package/stories/tree-column-with-checkbox.stories.ts +8 -3
  83. package/stories/tree-column.stories.ts +8 -3
package/stories/tree-column-with-checkbox.stories.ts CHANGED
@@ -40,6 +40,7 @@ const fetchHandler: FetchHandler = async ({ page, limit }) => {
40
40
  name: 'subitem' + idx,
41
41
  description: 'sub items...',
42
42
  active: Math.round(Math.random() * 2) % 2 ? true : false,
43
+ accval: Math.random(),
43
44
  children: [
44
45
  ...Array.from({ length: 3 }, (_, idx2) => {
45
46
  return {
@@ -91,7 +92,7 @@ const config = {
91
92
  label: true,
92
93
  header: 'name',
93
94
  record: {
94
- editable: false,
95
+ editable: true,
95
96
  options: {
96
97
  selectable: true /* with checkbox */
97
98
  }
@@ -99,7 +100,10 @@ const config = {
99
100
  filter: 'search',
100
101
  sortable: true,
101
102
  width: 200,
102
- fixed: true
103
+ fixed: true,
104
+ handlers: {
105
+ contextmenu: 'contextmenu-tree-mutation'
106
+ }
103
107
  },
104
108
  {
105
109
  type: 'gutter',
@@ -157,6 +161,7 @@ const config = {
157
161
  }
158
162
  ],
159
163
  rows: {
164
+ appendable: false,
160
165
  selectable: {
161
166
  multiple: true
162
167
  },
@@ -210,7 +215,7 @@ interface ArgTypes {
210
215
  }
211
216
 
212
217
  const Template: Story<ArgTypes> = ({ config }: ArgTypes) => html` <link
213
- href="https://fonts.googleapis.com/css?family=Material+Icons&display=block"
218
+ href="https://fonts.googleapis.com/css?family=Material+Icons"
214
219
  rel="stylesheet"
215
220
  />
216
221
  <link href="/themes/app-theme.css" rel="stylesheet" />
package/stories/tree-column.stories.ts CHANGED
@@ -40,6 +40,7 @@ const fetchHandler: FetchHandler = async ({ page, limit }) => {
40
40
  name: 'subitem' + idx,
41
41
  description: 'sub items...',
42
42
  active: Math.round(Math.random() * 2) % 2 ? true : false,
43
+ accval: Math.random(),
43
44
  children: [
44
45
  ...Array.from({ length: 3 }, (_, idx2) => {
45
46
  return {
@@ -91,7 +92,7 @@ const config = {
91
92
  label: true,
92
93
  header: 'name',
93
94
  record: {
94
- editable: false,
95
+ editable: true,
95
96
  options: {
96
97
  selectable: false
97
98
  }
@@ -99,7 +100,10 @@ const config = {
99
100
  filter: 'search',
100
101
  sortable: true,
101
102
  width: 200,
102
- fixed: true
103
+ fixed: true,
104
+ handlers: {
105
+ contextmenu: 'contextmenu-tree-mutation'
106
+ }
103
107
  },
104
108
  {
105
109
  type: 'gutter',
@@ -157,6 +161,7 @@ const config = {
157
161
  }
158
162
  ],
159
163
  rows: {
164
+ appendable: false,
160
165
  selectable: {
161
166
  multiple: true
162
167
  },
@@ -209,7 +214,7 @@ interface ArgTypes {
209
214
  }
210
215
 
211
216
  const Template: Story<ArgTypes> = ({ config }: ArgTypes) => html` <link
212
- href="https://fonts.googleapis.com/css?family=Material+Icons&display=block"
217
+ href="https://fonts.googleapis.com/css?family=Material+Icons"
213
218
  rel="stylesheet"
214
219
  />
215
220
  <link href="/themes/app-theme.css" rel="stylesheet" />