@everchron/ec-shards 5.0.1 → 5.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everchron/ec-shards",
-  "version": "5.0.1",
+  "version": "5.0.2",
   "private": false,
   "description": "Everchron Shards UI Library",
   "repository": "https://github.com/everchron/ec-shards.git",

package/src/components/data-grid/data-grid-head-cell.vue

@@ -182,7 +182,7 @@
         const currentColumnWidth = resizedEl.offsetWidth
 
         /** Emitted when the column has been resized. Returns the new width of the column in pixels. */
-        this.$emit('resizedWidth', currentColumnWidth)
+        this.$emit('resizedWidth', { id: this.computedId, currentColumnWidth })
 
         let columnCells = document.querySelectorAll('[data-column="' + this.name.toLowerCase() + '-column-cell"]')
         columnCells.forEach(cell => {

package/src/stories/data-grid/data-grid-head-cell.stories.js

@@ -41,6 +41,30 @@ export const headCellSelect = () => ({
               </ecs-data-grid>`,
 });
 
+export const headCellDefault = () => ({
+  components: { EcsDataGridHeadCell, EcsDataGrid },
+  props: {
+    selected: {
+      type: String,
+      default: 'Bates Range'
+    }
+  },
+  data() {
+    return {
+      selectOptions: [
+        { value: 'ecid', name: 'ECID' },
+        { value: 'bates', name: 'Bates Range' },
+        { value: 'trialex', name: 'Trial Exhibit'}
+      ]
+    }
+  },
+  template: `<ecs-data-grid striped>
+                <template slot="head">
+                  <ecs-data-grid-head-cell name="Identifiers" :width="200" :select="selectOptions" :value="selected" />
+                </template>
+              </ecs-data-grid>`,
+});
+
 export const headCellSorting = () => ({
   components: { EcsDataGridHeadCell, EcsDataGrid },
   data() {