@policystudio/policy-studio-ui-vue 1.1.90-beta.19 → 1.1.90-beta.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.1.90-beta.19",
+  "version": "1.1.90-beta.20",
   "description": "Policy Studio UI",
   "author": "Policy Studio Team",
   "scripts": {
@@ -16,7 +16,6 @@
   "dependencies": {
     "@vue/compat": "^3.4.5",
     "core-js": "^3.6.5",
-    "tiny-emitter": "^2.1.0",
     "v-tooltip": "^2.1.3",
     "vue": "^3.4.5"
   },
@@ -48,7 +47,7 @@
   },
   "engines": {
     "node": "20.11.0",
-    "npm":"10.2.4"
+    "npm": "10.2.4"
   },
   "keywords": [
     "vue",

package/src/components/forms/PsDropdownList.vue

@@ -29,7 +29,7 @@
           size="20"
           class="psui-text-blue-60 psui-opacity-0 psui-transition psui-leading-none psui-cursor-pointer psui-ml-1"
           :display="item.key == getItems.key || isHovering == index ? 'flex' : 'none'"
-          @click.stop="$eventBus.$emit('openDescriptionModal', { type: item.hasHelper.type, id: item.hasHelper.id, slug: item.hasHelper.slug })"
+          @click.stop="emit('openDescriptionModal', { type: item.hasHelper.type, id: item.hasHelper.id, slug: item.hasHelper.slug })"
         />
       </div>
 
@@ -128,7 +128,7 @@ const props = defineProps({
    */
   selected: {},
 })
-const emit = defineEmits(['update:selected', 'change'])
+const emit = defineEmits(['update:selected', 'change','openDescriptionModal'])
 
 const isHovering = ref(false)
 

package/src/components/table-results/PsTableResults.vue

@@ -101,7 +101,7 @@
                         size="14"
                         class="psui-text-gray-40 psui-opacity-0 psui-transition psui-leading-none psui-cursor-pointer psui-ml-1"
                         display="flex"
-                        @click.native="$eventBus.$emit('openDescriptionModal', { type: 'helper', slug: `table-results-${item.helper_slug}` })"
+                        @click.native="emit('openDescriptionModal', { type: 'helper', slug: `table-results-${item.helper_slug}` })"
                       />
                     </p>
                   </div>
@@ -121,7 +121,7 @@
                     :class="[{ 'psui-text-gray-50': item.tooltip_text }, { 'psui-text-blue-60': !item.tooltip_text }]"
                     class="psui-opacity-0 psui-transition psui-leading-none psui-cursor-pointer psui-ml-1"
                     display="flex"
-                    @click.native="$eventBus.$emit('openDescriptionModal', { type: 'helper', slug: `table-results-${item.helper_slug}` })"
+                    @click.native="emit('openDescriptionModal', { type: 'helper', slug: `table-results-${item.helper_slug}` })"
                   />
                 </p>
 
@@ -215,7 +215,7 @@
                       class="psui-cursor-pointer"
                       icon-classes="psui-text-blue-60 psui-leading-none psui-transition"
                       display="flex"
-                      @click.native="onCloseSelectRow(item, column)"
+                      @click.native="resetPolicyImpactItemSelected(item, column)"
                     />
                   </template>
                   <template #content>
@@ -341,7 +341,6 @@
 </template>
 
 <script setup>
-import eventBus from '../../util/eventBus'
 import PsRichTooltip from '../tooltip/PsRichTooltip.vue'
 import PsIcon from '../ui/PsIcon.vue'
 import PsProgressBar from '../badges-and-tags/PsProgressBar.vue'
@@ -481,7 +480,9 @@ const props = defineProps({
   },
 })
 
-const emit = defineEmits(['policy-selected', 'collapse-row', 'switchButtonItemChanged', 'removeOrAddButtonChange'])
+const emit = defineEmits(['policy-selected', 'collapse-row', 'switchButtonItemChanged', 'removeOrAddButtonChange','setPolicyItemSelected','openDescriptionModal'])
+
+defineExpose({resetPolicy: (item, columnKey) => resetPolicyImpactItemSelected(item, columnKey)})
 
 const collapsedRows = ref([])
 const isHoveringRow = ref(false)
@@ -540,17 +541,17 @@ watch(
 onMounted(() => {
   setCollapsedRows()
   tableWrapper.value.addEventListener('scroll', handleTableScroll)
-  eventBus.$on('resetPolicyImpactItemSelected', (item, columnKey = 'forecast_emissions_savings') => {
-    eventBus.$emit('setPolicyItemSelected', { item, columnSelectedKey: columnKey })
-    selectedRow.value = null
-  })
 })
 
 onBeforeUnmount(() => {
-  eventBus.$off('resetPolicyImpactItemSelected')
   tableWrapper.value.removeEventListener('scroll', handleTableScroll)
 })
 
+const resetPolicyImpactItemSelected = (item, columnKey = 'forecast_emissions_savings') => {
+  emit('setPolicyItemSelected', { item, columnSelectedKey: columnKey })
+  selectedRow.value = null
+}
+
 const setCollapsedRows = () => {
   let newRowsCollpased = [...(props.itemsHiddenIndexes || [])]
 
@@ -680,10 +681,6 @@ const onSelectRow = (item, column, $event) => {
   emit('policy-selected', { item: item, column: column }, $event)
 }
 
-const onCloseSelectRow = (item, column) => {
-  eventBus.$emit('resetPolicyImpactItemSelected', item, column)
-}
-
 const isSelectedRow = (column, item) => {
   if (!item.id) {
     return selectedRow.value === item.id && columnSelectedKey.value == column.key

package/tsconfig.json

@@ -36,7 +36,9 @@
     "src/**/*.d.ts",
     "src/**/*.vue",
     "tests/**/*.ts",
-    "tests/**/*.tsx", "src/util/eventBus.js", "src/util/GeneralFunctions.js", "src/util/imageLoader.js", 
+    "tests/**/*.tsx",  
+    "src/util/GeneralFunctions.js", 
+    "src/util/imageLoader.js", 
   ],
   "exclude": [
     "node_modules",

package/dist/util/eventBus.d.ts

@@ -1,7 +0,0 @@
-declare namespace _default {
-    function $on(...args: any[]): any;
-    function $once(...args: any[]): any;
-    function $off(...args: any[]): any;
-    function $emit(...args: any[]): any;
-}
-export default _default;

package/dist/util/eventBus.js

@@ -1,8 +0,0 @@
-import emitter from 'tiny-emitter/instance';
-export default {
-    $on: (...args) => emitter.on(...args),
-    $once: (...args) => emitter.once(...args),
-    $off: (...args) => emitter.off(...args),
-    $emit: (...args) => emitter.emit(...args)
-};
-//# sourceMappingURL=eventBus.js.map

package/dist/util/eventBus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"eventBus.js","sourceRoot":"","sources":["../../src/util/eventBus.js"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAE3C,eAAe;IACb,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACrC,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACzC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACvC,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;CAC1C,CAAA"}

package/src/util/eventBus.js

@@ -1,10 +0,0 @@
-import emitter from 'tiny-emitter/instance'
-
-export default {
-  $on: (...args) => emitter.on(...args),
-  $once: (...args) => emitter.once(...args),
-  $off: (...args) => emitter.off(...args),
-  $emit: (...args) => emitter.emit(...args)
-}
-
-