Merge pull request #47 from LucasWerey/fix/20

fix(dslib): fix build

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucaswerey/dslib-pfe",
-  "version": "0.0.66",
+  "version": "0.0.67",
   "private": false,
   "main": "./lib/index.umd.js",
   "module": "./lib/index.mjs",

src/components/Containment/RankingContainer/RankingContainer.spec.ts

@@ -95,4 +95,25 @@ describe('RankingContainer', () => {
     })
     await scrollContainer.trigger('mouseup')
   })
+  it('emits the correct events', async () => {
+    const wrapper = mount(RankingContainer, {
+      props: {
+        title: 'Test Title',
+        labels: [],
+        topRank: false,
+        isDraggable: true
+      }
+    })
+
+    const containerElement = wrapper.find('[data-test="container"]')
+
+    await containerElement.trigger('dragstart')
+    expect(wrapper.emitted()).toHaveProperty('dragstart')
+
+    await containerElement.trigger('dragover')
+    expect(wrapper.emitted()).toHaveProperty('dragover')
+
+    await containerElement.trigger('drop')
+    expect(wrapper.emitted()).toHaveProperty('drop')
+  })
 })

src/components/Containment/RankingContainer/RankingContainer.story.vue

@@ -29,9 +29,6 @@
         :topRank="controls.topRank"
         :draggable="controls.draggable"
         :is-draggable="controls.draggable"
-        @dragstart="event => console.log('dragstart', event)"
-        @dragover="event => console.log('dragover', event)"
-        @drop="event => console.log('drop', event)"
       />
     </Variant>
     <Variant title="MultipleContainers" auto-props-disabled>
@@ -44,9 +41,9 @@
           :topRank="container.topRank"
           draggable="true"
           isDraggable
-          @dragstart="event => handleDragStart(event, index)"
+          @dragstart="(event: DragEvent) => handleDragStart(event, index)"
           @dragover="handleDragOver"
-          @drop="event => handleDrop(event, index)"
+          @drop="(event: DragEvent) => handleDrop(event, index)"
         />
       </div>
     </Variant>