@bcrs-shared-components/action-chip 1.1.22 → 1.1.24

package/ActionChip.stories.ts

@@ -1,13 +1,13 @@
+import type { Meta } from '@storybook/vue'
 import { ActionChip } from './index'
 import { ActionableItemIF } from '@bcrs-shared-components/interfaces'
 import { ActionTypes } from '@bcrs-shared-components/enums'
 import Vuetify from 'vuetify'
 
-export default {
-  title: 'component/ActionChip',
-  component: ActionChip,
-  argTypes: {}
+const meta: Meta<typeof ActionChip> = {
+  title: 'component/ActionChip'
 }
+export default meta
 
 const Template = (args, { argTypes }) => ({
   vuetify: new Vuetify({ iconfont: 'mdi' }),
@@ -21,23 +21,23 @@ const removedAction: ActionableItemIF = { action: ActionTypes.REMOVED }
 const editedAction: ActionableItemIF = { action: ActionTypes.EDITED }
 
 export const added = Template.bind({})
-added.args = {
+added['args'] = {
   actionableItem: addedAction
 }
 
 export const removed = Template.bind({})
-removed.args = {
+removed['args'] = {
   actionableItem: removedAction
 }
 
 export const editedAlteration = Template.bind({})
-editedAlteration.args = {
+editedAlteration['args'] = {
   actionableItem: editedAction,
   editedLabel: 'CHANGED'
 }
 
 export const editedCorrection = Template.bind({})
-editedCorrection.args = {
+editedCorrection['args'] = {
   actionableItem: editedAction,
   editedLabel: 'CORRECTED'
 }

package/ActionChip.vue

@@ -1,11 +1,35 @@
 <template>
   <div>
-    <v-chip v-if="actionableItem.action === ActionTypes.ADDED" id="added-chip"
-            x-small label color="primary" text-color="white">ADDED</v-chip>
-    <v-chip v-if="actionableItem.action === ActionTypes.EDITED" id="edited-chip"
-            x-small label color="primary" text-color="white">{{editedLabel}}</v-chip>
-    <v-chip v-if="actionableItem.action === ActionTypes.REMOVED" id="removed-chip"
-            x-small label color="#E0E0E0" text-color="#212529">REMOVED</v-chip>
+    <v-chip
+      v-if="actionableItem.action === ActionTypes.ADDED"
+      id="added-chip"
+      x-small
+      label
+      color="primary"
+      text-color="white"
+    >
+      ADDED
+    </v-chip>
+    <v-chip
+      v-if="actionableItem.action === ActionTypes.EDITED"
+      id="edited-chip"
+      x-small
+      label
+      color="primary"
+      text-color="white"
+    >
+      {{ editedLabel }}
+    </v-chip>
+    <v-chip
+      v-if="actionableItem.action === ActionTypes.REMOVED"
+      id="removed-chip"
+      x-small
+      label
+      color="#E0E0E0"
+      text-color="#212529"
+    >
+      REMOVED
+    </v-chip>
   </div>
 </template>
 

package/package.json

@@ -1,13 +1,16 @@
 {
   "name": "@bcrs-shared-components/action-chip",
-  "version": "1.1.22",
+  "version": "1.1.24",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@bcrs-shared-components/enums": "^1.0.41",
-    "@bcrs-shared-components/interfaces": "^1.0.65",
+    "@bcrs-shared-components/enums": "^1.0.43",
+    "@bcrs-shared-components/interfaces": "^1.0.67",
+    "vue": "^2.7.14"
+  },
+  "devDependencies": {
     "vue-property-decorator": "^9.1.2"
   },
-  "gitHead": "83c6bb9ef06117fe581381b5e8e86a4fddbbe9e7"
+  "gitHead": "971ab584d46f6f4cd1c25dcde622e9d6c39f08f8"
 }