@webitel/ui-sdk 25.10.9 → 25.10.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.10.9",
+  "version": "25.10.10",
   "private": false,
   "scripts": {
     "make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",

package/src/components/wt-app-header/_variables.scss

@@ -1,5 +1,5 @@
 :root {
-  --wt-app-header-min-height: 56px;
+  --wt-app-header-min-height: 40px;
   --wt-app-header-padding: var(--spacing-sm);
   --wt-app-header-background: var(--dp-9-surface-color);
 

package/src/components/wt-app-header/wt-app-header.vue

@@ -1,20 +1,10 @@
 <template>
-  <PMenubar class="wt-app-header">
-    <template
-      v-for="(_, name) in slots"
-      :key="name"
-      #[name]
-    >
-      <slot v-if="name !== 'default'" :name="name" />
-    </template>
-  </PMenubar>
+  <header class="wt-app-header">
+    <slot />
+  </header>
 </template>
 
-<script setup>
-import { useSlots } from 'vue'
-
-const slots = useSlots()
-</script>
+<script setup></script>
 
 <style lang="scss">
 @use './variables.scss';
@@ -22,6 +12,15 @@ const slots = useSlots()
 
 <style lang="scss" scoped>
 .wt-app-header {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--wt-app-header-content-gap);
   box-sizing: border-box;
+  background: var(--wt-app-header-background);
+  padding: var(--wt-app-header-padding);
+  min-height: var(
+      --wt-app-header-min-height
+  ); // fixed height because anything can be put inside slot, so padding won't work properly
 }
 </style>

package/src/components/wt-menubar/wt-menubar.vue

@@ -0,0 +1,28 @@
+<template>
+  <PMenubar class="wt-menubar">
+    <template
+      v-for="(_, name) in slots"
+      :key="name"
+      #[name]
+    >
+      <slot v-if="name !== 'default'" :name="name" />
+    </template>
+  </PMenubar>
+</template>
+
+<script setup>
+/**
+ * @author Oleksandr Palonnyi
+ *
+ * @description https://webitel.atlassian.net/browse/WTEL-7529?focusedCommentId=692643
+ * */
+import { useSlots } from 'vue'
+
+const slots = useSlots()
+</script>
+
+<style lang="scss">
+</style>
+
+<style lang="scss" scoped>
+</style>

package/src/components/wt-table-column-select/wt-table-column-select.vue

@@ -88,7 +88,7 @@ export default {
       return this.draft
         .filter((header) => !this.staticHeaders.includes(header.value))
         .sort((a, b) => {
-          return this.shownColLabel(a).localeCompare(this.shownColLabel(b));
+          return this.shownColLabel(a)?.localeCompare(this.shownColLabel(b));
           // sorting headers for alphabet just in popup
         });
     },

package/src/scripts/index.js

@@ -29,7 +29,7 @@ import prettifyFileSize from './prettifyFileSize.js';
 import prettifyTime from './prettifyTime.js';
 import preventHiddenPageCallsDecorator from './preventHiddenPageCallsDecorator.js';
 import saveAsJSON from './saveAsJSON.js';
-import { queryToSortAdapter, sortToQueryAdapter } from './sortQueryAdapters.js';
+import { getNextSortOrder,queryToSortAdapter, sortToQueryAdapter } from './sortQueryAdapters.js';
 import updateObject from './updateObject.js';
 
 export {
@@ -39,6 +39,7 @@ export {
   convertDuration,
   debounce,
   eventBus,
+  getNextSortOrder,
   isEmpty,
   isRelativeDatetimeValue,
   kebabToCamel,

package/types/components/wt-app-header/wt-app-header.vue.d.ts

@@ -5,6 +5,5 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 });
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
-    [x: string]: (props: {}) => any;
-    [x: number]: (props: {}) => any;
+    default?: (props: {}) => any;
 };

package/types/components/wt-menubar/wt-menubar.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    [x: string]: (props: {}) => any;
+    [x: number]: (props: {}) => any;
+};

package/types/scripts/index.d.ts

@@ -26,4 +26,5 @@ import { snakeToKebab } from './caseConverters.js';
 import { sortToQueryAdapter } from './sortQueryAdapters.js';
 import updateObject from './updateObject.js';
 import { wtlog } from './logger.js';
-export { camelToKebab, camelToSnake, compareSize, convertDuration, debounce, eventBus, isEmpty, isRelativeDatetimeValue, kebabToCamel, kebabToSnake, normalizeToTimestamp, objCamelToKebab, objCamelToSnake, objSnakeToCamel, prettifyFileSize, prettifyTime, preventHiddenPageCallsDecorator, queryToSortAdapter, saveAsJSON, sizeGreaterOrEqual, sizeGreaterThen, sizeSmallerOrEqual, sizeSmallerThen, snakeToCamel, snakeToKebab, sortToQueryAdapter, updateObject, wtlog };
+import { getNextSortOrder } from './sortQueryAdapters.js';
+export { camelToKebab, camelToSnake, compareSize, convertDuration, debounce, eventBus, isEmpty, isRelativeDatetimeValue, kebabToCamel, kebabToSnake, normalizeToTimestamp, objCamelToKebab, objCamelToSnake, objSnakeToCamel, prettifyFileSize, prettifyTime, preventHiddenPageCallsDecorator, queryToSortAdapter, saveAsJSON, sizeGreaterOrEqual, sizeGreaterThen, sizeSmallerOrEqual, sizeSmallerThen, snakeToCamel, snakeToKebab, sortToQueryAdapter, updateObject, wtlog, getNextSortOrder };