@citizenplane/pimp 9.1.1 → 9.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citizenplane/pimp",
-  "version": "9.1.1",
+  "version": "9.1.3",
   "scripts": {
     "dev": "storybook dev -p 8080",
     "build-storybook": "storybook build --output-dir ./docs",

package/src/components/CpMenuItem.vue

@@ -36,7 +36,7 @@ interface Props {
   tooltip?: string
 }
 
-const props = withDefaults(defineProps<Props & Omit<MenuItem, 'class' | 'disabled'>>(), {
+const props = withDefaults(defineProps<Props & Omit<MenuItem, 'class' | 'disabled' | 'key'>>(), {
   label: '',
   tooltip: '',
   icon: '',

package/src/components/CpTable.vue

@@ -214,7 +214,9 @@ const defaultRowOption = computed<RowOptions>(() => {
     id: 'more',
     label: 'More',
     icon: 'more-vertical',
-    action: (rowData: Record<string, unknown>, $event: MouseEvent) => showContextualMenu($event),
+    action: (rowData: Record<string, unknown>, $event: MouseEvent) => {
+      handleContextMenu({ rowData, rowIndex: null }, $event)
+    },
   }
 })
 
@@ -373,11 +375,12 @@ const paginationResultsDetails = computed(() => {
 })
 
 const handleContextMenu = (
-  { rowData, rowIndex }: { rowData: Record<string, unknown>; rowIndex: number },
+  { rowData, rowIndex }: { rowData: Record<string, unknown>; rowIndex: number | null },
   event: MouseEvent,
 ) => {
   if (!hasRowOptions.value || isFullWidthRow(rowData)) return
-  currentRowData.value = getRowPayload(rowIndex)
+
+  currentRowData.value = rowIndex !== null ? getRowPayload(rowIndex) : rowData
 
   showContextualMenu(event)
 }
@@ -517,7 +520,7 @@ const areRowOptionsEnabled = (rowData: Record<string, unknown>) => props.enableR
 
 const resetPagination = () => (pageNumber.value = 0)
 
-defineExpose({ hideContextualMenu, resetPagination })
+defineExpose({ hideContextualMenu, resetPagination, currentRowData })
 </script>
 
 <style lang="scss">