@policystudio/policy-studio-ui-vue 1.1.90-beta.26 → 1.1.90-beta.28

package/dist/css/psui_styles_output.css

@@ -1,7 +1,7 @@
 @import url('https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Round');
 
 /*
-! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -213,6 +213,8 @@ textarea {
   /* 1 */
   line-height: inherit;
   /* 1 */
+  letter-spacing: inherit;
+  /* 1 */
   color: inherit;
   /* 1 */
   margin: 0;
@@ -236,9 +238,9 @@ select {
 */
 
 button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
   -webkit-appearance: button;
   /* 1 */
   background-color: transparent;
@@ -494,6 +496,10 @@ video {
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
 }
 
 ::backdrop{
@@ -544,6 +550,10 @@ video {
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
 }
 
 .psui-el-chips{

package/dist/util/GeneralFunctions.js

@@ -19,14 +19,17 @@ export const getParentScrollableEl = (node) => {
     }
 };
 export const getParentVueComponentByName = (comp, name) => {
-    if (!comp) {
+    if (!comp)
         return null;
+    if (comp?.appContext?.components[name]) {
+        return comp.appContext.components[name];
     }
-    if (comp.$options.name === name) {
+    if (comp.$options && comp.$options.name === name) {
         return comp;
     }
-    else {
+    if (comp.$parent) {
         return getParentVueComponentByName(comp.$parent, name);
     }
+    return null;
 };
 //# sourceMappingURL=GeneralFunctions.js.map

package/dist/util/GeneralFunctions.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeneralFunctions.js","sourceRoot":"","sources":["../../src/util/GeneralFunctions.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;IACrC,IAAI,MAAM,GAAG,EAAE,CAAA;IACf,MAAM,UAAU,GACd,gEAAgE,CAAA;IAClE,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAA;IAC1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;QAC/B,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAA;KAC1E;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AACD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAI,EAAE,EAAE;IAC5C,IAAI,IAAI,IAAI,IAAI,EAAE;QAChB,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;QACzC,OAAO,IAAI,CAAA;KACZ;SAAM;QACL,OAAO,qBAAqB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;KAC9C;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IACxD,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,IAAI,EAAE;QAC/B,OAAO,IAAI,CAAA;KACZ;SAAM;QACL,OAAO,2BAA2B,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;KACvD;AACH,CAAC,CAAA"}
+{"version":3,"file":"GeneralFunctions.js","sourceRoot":"","sources":["../../src/util/GeneralFunctions.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;IACrC,IAAI,MAAM,GAAG,EAAE,CAAA;IACf,MAAM,UAAU,GACd,gEAAgE,CAAA;IAClE,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAA;IAC1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;QAC/B,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAA;KAC1E;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AACD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAI,EAAE,EAAE;IAC5C,IAAI,IAAI,IAAI,IAAI,EAAE;QAChB,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;QACzC,OAAO,IAAI,CAAA;KACZ;SAAM;QACL,OAAO,qBAAqB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;KAC9C;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IACxD,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEtB,IAAI,IAAI,EAAE,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE;QACtC,OAAO,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;KACxC;IAED,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,IAAI,EAAE;QAChD,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,IAAI,CAAC,OAAO,EAAE;QAChB,OAAO,2BAA2B,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;KACvD;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.1.90-beta.26",
+  "version": "1.1.90-beta.28",
   "description": "Policy Studio UI",
   "author": "Policy Studio Team",
   "scripts": {

package/src/components/accordion/PsAccordionItem.vue

@@ -95,15 +95,25 @@ const isOpen = computed(() => {
 
 const getParent = computed(() => {
   const instance = getCurrentInstance()
-  let parent = instance.proxy.$parent
-  return getParentVueComponentByName(parent, 'PsAccordion')
+
+  if (instance?.parent) {
+    return getParentVueComponentByName(instance.parent, 'PsAccordion')
+  }
+
+  if (instance.proxy && instance.proxy.$parent) {
+    return getParentVueComponentByName(instance.proxy.$parent, 'PsAccordion')
+  }
+
+  return null
 })
 
 const getIcon = computed(() => {
-  if(!getParent.value) return
-  if (getParent.value._props.layout === 'medium') return 'expand_more'
-  if (getParent.value._props.layout === 'big' && isOpen.value === false) return 'add'
-  if (getParent.value._props.layout === 'big' && isOpen.value === true) return 'remove'
+  if (!getParent.value) return
+
+  const layout = getParent.value._props ? getParent.value._props.layout : getParent?.value?.props.layout.default
+  if (layout === 'medium') return 'expand_more'
+  if (layout === 'big' && isOpen.value === false) return 'add'
+  if (layout === 'big' && isOpen.value === true) return 'remove'
   return `${props.icon}`
 })
 

package/src/components/buttons/PsButton.vue

@@ -1,6 +1,6 @@
 <template>
   <button
-    @click="onClick()"
+    @click="onClick($event)"
     @mouseenter="onMouseEnter"
     @mouseleave="onMouseLeave"
     class="psui-el-button"
@@ -90,9 +90,9 @@ const getComponentClass = computed(() => {
   }
 })
 
-const onClick = () => {
+const onClick = (event) => {
   if (props.disabled) return
-  emit('click')
+  emit('click', event)
 }
 
 const onMouseEnter = () => {

package/src/components/forms/PsDropdown.vue

@@ -8,14 +8,14 @@
     <div
       ref="PSDropdownTrigger"
       v-if="$slots.dropdownTrigger"
-      @click="show.value && !toggleWhenActive ? '' : toggle()"
+      @click="show && !toggleWhenActive ? '' : toggle($event)"
     >
       <slot name="dropdownTrigger" />
     </div>
 
     <button
       v-else
-      @click="show.value && !toggleWhenActive ? '' : toggle()"
+      @click="show && !toggleWhenActive ? '' : toggle($event)"
       type="button"
       :id="id.value"
       aria-haspopup="true"
@@ -115,13 +115,14 @@ onBeforeUnmount(() => {
   unwatchParentScrolling()
 })
 
-const toggle = () => {
+const toggle = (event) => {
   if (props.disabled) return
   if (!show.value) {
     open()
   } else {
     close()
   }
+  event.stopPropagation()
 }
 
 const handleEsc = (evt) => {

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

@@ -94,12 +94,12 @@
                       :style="item.text_color ? `color: ${item.text_color};` : ''"
                     >
                       {{ item.title }}
-
+                      
                       <PsIcon
                         v-if="item.has_helper"
-                        icon="info"
-                        size="14"
-                        class="psui-text-gray-40 psui-opacity-0 psui-transition psui-leading-none psui-cursor-pointer psui-ml-1"
+                        icon="info_outline"
+                        size="16"
+                        class="psui-text-gray-40 hover:psui-text-blue-60 psui-opacity-0 psui-transition psui-leading-none psui-cursor-pointer psui-ml-1"
                         display="flex"
                         @click.native="emit('openDescriptionModal', { type: 'helper', slug: `table-results-${item.helper_slug}` })"
                       />
@@ -116,10 +116,9 @@
 
                   <PsIcon
                     v-if="item.has_helper"
-                    icon="info"
-                    size="14"
-                    :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"
+                    icon="info_outline"
+                    size="16"
+                    class="psui-opacity-0 psui-text-gray-40 hover:psui-text-blue-60 psui-transition psui-leading-none psui-cursor-pointer psui-ml-1"
                     display="flex"
                     @click.native="emit('openDescriptionModal', { type: 'helper', slug: `table-results-${item.helper_slug}` })"
                   />
@@ -149,7 +148,7 @@
                     <PsIcon
                       :icon="getIcon(item)"
                       class="psui-flex psui-text-gray-40 psui-cursor-pointer leading-none hover:psui-text-blue-60 psui-gap-3 psui-px-5 psui-py-1 transition-all"
-                      size="18"
+                      size="16"
                       display="flex"
                       @click.native="executeCallback(item)"
                     />

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

@@ -19,10 +19,10 @@
             {{ columnGroup.title }}
           </p>
           <PsIcon
-            icon="info"
-            size="18"
+            icon="info_outline"
+            size="16"
             class="psui-cursor-pointer"
-            icon-classes="psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
+            icon-classes="psui-text-gray-40 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
             :style="{ display: 'flex' }"
             @click="emit('click-column-group-helper', columnGroup, $event)"
           />
@@ -61,10 +61,10 @@
               />
 
               <PsIcon
-                icon="info"
+                icon="info_outline"
                 size="16"
                 class="psui-cursor-pointer helper"
-                icon-classes="psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
+                icon-classes="psui-text-gray-40 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
                 :style="{ display: 'flex' }"
                 @click="emit('click-column-helper', column, $event)"
               />

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

@@ -11,10 +11,10 @@
             {{ columnGroup.title }}
           </p>
           <PsIcon
-            icon="info"
-            size="18"
+            icon="info_outline"
+            size="16"
             class="psui-cursor-pointer"
-            icon-classes="psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
+            icon-classes="psui-text-blue-40 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
             :style="{ display: 'flex' }"
             @click="emit('click-column-group-helper', columnGroup, $event)"
           />
@@ -43,10 +43,10 @@
               </p>
 
               <PsIcon
-                icon="info"
+                icon="info_outline"
                 size="16"
                 class="psui-cursor-pointer helper"
-                icon-classes="psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
+                icon-classes="psui-text-gray-40 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
                 :style="{ display: 'flex' }"
                 @click="emit('click-column-helper', column, $event)"
               />

package/src/util/GeneralFunctions.js

@@ -21,13 +21,19 @@ export const getParentScrollableEl = (node) => {
 }
 
 export const getParentVueComponentByName = (comp, name) => {
-  if (!comp) {
-    return null
+  if (!comp) return null
+
+  if (comp?.appContext?.components[name]) {
+    return comp.appContext.components[name]
   }
 
-  if (comp.$options.name === name) {
+  if (comp.$options && comp.$options.name === name) {
     return comp
-  } else {
+  }
+
+  if (comp.$parent) {
     return getParentVueComponentByName(comp.$parent, name)
   }
+
+  return null
 }