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

package/stories/fixed-column.stories.ts

@@ -144,8 +144,7 @@ const config = {
       },
       filter: 'search',
       sortable: true,
-      width: 120,
-      fixed: true
+      width: 120
     },
     {
       type: 'string',
@@ -161,7 +160,8 @@ const config = {
         click: (columns, data, column, record, rowIndex, target) => {
           alert(`${column!.name} ${record![column!.name]}, row : ${rowIndex}`)
         }
-      } as GristEventHandlerSet
+      } as GristEventHandlerSet,
+      fixed: true
     },
     {
       type: 'email',

package/stories/tree-column-with-checkbox.stories.ts

@@ -40,6 +40,7 @@ const fetchHandler: FetchHandler = async ({ page, limit }) => {
               name: 'subitem' + idx,
               description: 'sub items...',
               active: Math.round(Math.random() * 2) % 2 ? true : false,
+              accval: Math.random(),
               children: [
                 ...Array.from({ length: 3 }, (_, idx2) => {
                   return {
@@ -91,7 +92,7 @@ const config = {
       label: true,
       header: 'name',
       record: {
-        editable: false,
+        editable: true,
         options: {
           selectable: true /* with checkbox */
         }
@@ -99,7 +100,10 @@ const config = {
       filter: 'search',
       sortable: true,
       width: 200,
-      fixed: true
+      fixed: true,
+      handlers: {
+        contextmenu: 'contextmenu-tree-mutation'
+      }
     },
     {
       type: 'gutter',
@@ -157,6 +161,7 @@ const config = {
     }
   ],
   rows: {
+    appendable: false,
     selectable: {
       multiple: true
     },
@@ -210,7 +215,7 @@ interface ArgTypes {
 }
 
 const Template: Story<ArgTypes> = ({ config }: ArgTypes) => html` <link
-    href="https://fonts.googleapis.com/css?family=Material+Icons&display=block"
+    href="https://fonts.googleapis.com/css?family=Material+Icons"
     rel="stylesheet"
   />
   <link href="/themes/app-theme.css" rel="stylesheet" />

package/stories/tree-column.stories.ts

@@ -40,6 +40,7 @@ const fetchHandler: FetchHandler = async ({ page, limit }) => {
               name: 'subitem' + idx,
               description: 'sub items...',
               active: Math.round(Math.random() * 2) % 2 ? true : false,
+              accval: Math.random(),
               children: [
                 ...Array.from({ length: 3 }, (_, idx2) => {
                   return {
@@ -91,7 +92,7 @@ const config = {
       label: true,
       header: 'name',
       record: {
-        editable: false,
+        editable: true,
         options: {
           selectable: false
         }
@@ -99,7 +100,10 @@ const config = {
       filter: 'search',
       sortable: true,
       width: 200,
-      fixed: true
+      fixed: true,
+      handlers: {
+        contextmenu: 'contextmenu-tree-mutation'
+      }
     },
     {
       type: 'gutter',
@@ -157,6 +161,7 @@ const config = {
     }
   ],
   rows: {
+    appendable: false,
     selectable: {
       multiple: true
     },
@@ -209,7 +214,7 @@ interface ArgTypes {
 }
 
 const Template: Story<ArgTypes> = ({ config }: ArgTypes) => html` <link
-    href="https://fonts.googleapis.com/css?family=Material+Icons&display=block"
+    href="https://fonts.googleapis.com/css?family=Material+Icons"
     rel="stylesheet"
   />
   <link href="/themes/app-theme.css" rel="stylesheet" />