@v1nt1248/3nclient-lib 0.1.53 → 0.1.55

package/src/components/ui3n-emoji/ui3n-emoji.vue

@@ -1,55 +1,55 @@
 <script lang="ts" setup>
-import { computed, onMounted, ref, watch } from 'vue';
-import { emoticons } from '@/constants/emoticons';
-import type { Ui3nEmojiEmits, Ui3nEmojiProps } from './types';
+  import { computed, onMounted, ref, watch } from 'vue';
+  import { emoticons } from '@/constants/emoticons';
+  import type { Ui3nEmojiEmits, Ui3nEmojiProps } from './types';
 
-const props = withDefaults(
-  defineProps<Ui3nEmojiProps>(),
-  {
-    size: 16,
-    readonly: false,
-  },
-);
-const emits = defineEmits<Ui3nEmojiEmits>();
+  const props = withDefaults(
+    defineProps<Ui3nEmojiProps>(),
+    {
+      size: 16,
+      readonly: false,
+    },
+  );
+  const emits = defineEmits<Ui3nEmojiEmits>();
 
-const emojiElement = ref<HTMLDivElement | null>(null);
-const emojiData = computed(() => emoticons[props.emoji]);
+  const emojiElement = ref<HTMLDivElement | null>(null);
+  const emojiData = computed(() => emoticons[props.emoji]);
 
-onMounted(() => {
-  if (emojiElement.value) {
-    emojiElement.value.style.setProperty('--emoji-size', `${props.size}px`);
-  }
-});
-
-watch(
-  () => props.emoji,
-  newValue => {
-    if (!Object.keys(emoticons).includes(newValue)) {
-      console.error(`[Ui3nEmoji] Invalid emoticon: ${newValue}`);
+  onMounted(() => {
+    if (emojiElement.value) {
+      emojiElement.value.style.setProperty('--emoji-size', `${props.size}px`);
     }
-  },
-  { immediate: true },
-);
+  });
 
-watch(
-  () => props.size,
-  (newValue, prevValue) => {
-    if (emojiElement.value && newValue && newValue !== prevValue) {
-      emojiElement.value.style.setProperty('--ui3n-emoji-size', `${newValue}px`);
-    }
-  },
-);
+  watch(
+    () => props.emoji,
+    newValue => {
+      if (!Object.keys(emoticons).includes(newValue)) {
+        console.error(`[Ui3nEmoji] Invalid emoticon: ${newValue}`);
+      }
+    },
+    { immediate: true },
+  );
 
-const onClick = (ev: Event) => {
-  ev.stopImmediatePropagation();
-  emits('click', ev);
-};
+  watch(
+    () => props.size,
+    (newValue, prevValue) => {
+      if (emojiElement.value && newValue && newValue !== prevValue) {
+        emojiElement.value.style.setProperty('--ui3n-emoji-size', `${newValue}px`);
+      }
+    },
+  );
+
+  const onClick = (ev: Event) => {
+    ev.stopImmediatePropagation();
+    emits('click', ev);
+  };
 </script>
 
 <template>
   <div
     ref="emojiElement"
-    :class="[$style.Ui3nEmoji, readonly && $style.readonly]"
+    :class="[$style.ui3nEmoji, readonly && $style.readonly]"
     v-on="readonly ? {} : { 'click': onClick }"
   >
     {{ emojiData && emojiData.value }}
@@ -57,21 +57,21 @@ const onClick = (ev: Event) => {
 </template>
 
 <style lang="scss" module>
-.Ui3nEmoji {
-  --ui3n-emoji-size: 16px;
+  .ui3nEmoji {
+    --ui3n-emoji-size: 16px;
 
-  display: flex;
-  min-width: var(--ui3n-emoji-size);
-  width: var(--ui3n-emoji-size);
-  min-height: var(--ui3n-emoji-size);
-  height: var(--ui3n-emoji-size);
-  font-size: var(--ui3n-emoji-size);
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
+    display: flex;
+    min-width: var(--ui3n-emoji-size);
+    width: var(--ui3n-emoji-size);
+    min-height: var(--ui3n-emoji-size);
+    height: var(--ui3n-emoji-size);
+    font-size: var(--ui3n-emoji-size);
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+  }
 
-.readonly {
-  cursor: default;
-}
+  .readonly {
+    cursor: default;
+  }
 </style>

package/src/components/ui3n-table/ui3n-table.vue

@@ -116,7 +116,12 @@
           <div
             v-for="(row, rowIndex) in body.content"
             :key="getRowKey(row, rowIndex)"
-            :class="[$style.row, isRowSelected(row) && $style.selected, config.selectable && $style.selectable]"
+            :class="[
+              $style.row,
+              $slots['row'] && $style.customRow,
+              isRowSelected(row) && $style.selected,
+              config.selectable && $style.selectable,
+            ]"
           >
             <slot
               name="row"
@@ -282,14 +287,17 @@
     position: relative;
     width: 100%;
     min-height: var(--ui3n-table-body-row-height);
-    display: grid;
-    grid-template-columns: var(--ui3n-table-columns-width);
-    padding-left: var(--spacing-m);
     border-left: 1px solid var(--color-border-table-primary-default);
     border-right: 1px solid var(--color-border-table-primary-default);
     border-bottom: 1px solid var(--color-border-block-primary-default);
     background-color: transparent;
 
+    &:not(.customRow) {
+      padding-left: var(--spacing-m);
+      display: grid;
+      grid-template-columns: var(--ui3n-table-columns-width);
+    }
+
     &.selectable {
       cursor: pointer;
     }

package/src/components/ui3n-tooltip/ui3n-tooltip.vue

@@ -103,10 +103,10 @@ watch(isPositioned, val => {
     </div>
 
     <div
+      v-if="showTooltip"
       ref="floatingEl"
       :class="$style.floating"
       :style="floatingStyles"
-      v-if="showTooltip"
     >
       <slot name="content">
         <div :class="$style.content">