@webitel/ui-sdk 26.8.104 → 26.8.106

package/types/components/_internals/composables/useSelect/types.d.ts

@@ -48,5 +48,6 @@ export interface UseSelectCustomValuesParams {
 export interface UseSelectParams extends UseSelectOptionsParams, Pick<UseSelectDropdownParams, 'selectId' | 'selectRef' | 'filterInput'> {
     manualCustomValues?: boolean;
     isSingle: boolean;
+    autoOpen?: () => boolean | undefined;
     emit?: (event: any, ...args: any[]) => void;
 }

package/types/components/_internals/composables/useSelect/useSelect.d.ts

@@ -1,5 +1,5 @@
 import type { UseSelectParams } from './types';
-export declare const useSelect: ({ selected, options, optionLabel, optionValue, dataKey, allowCustomValues, manualCustomValues: _manualCustomValues, filterInput, selectRef, searchMethod, selectId, isSingle, strictApiOptions, emit, }: UseSelectParams) => {
+export declare const useSelect: ({ selected, options, optionLabel, optionValue, dataKey, allowCustomValues, manualCustomValues: _manualCustomValues, filterInput, selectRef, searchMethod, selectId, isSingle, autoOpen, strictApiOptions, emit, }: UseSelectParams) => {
     isLoading: import("vue").Ref<boolean, boolean>;
     showFooterLoader: import("vue").Ref<boolean, boolean>;
     isDropdownOpen: import("vue").Ref<boolean, boolean>;

package/types/components/_internals/composables/useSelect/useSelectAutoOpen.d.ts

@@ -0,0 +1,15 @@
+import { type Ref } from 'vue';
+import type { SelectComponentRef } from './types';
+/**
+ * Opens the dropdown (`autoOpen`) only once the select has stopped moving.
+ *
+ * In a popover the trigger keeps shifting through the 300ms enter animation,
+ * and primevue aligns the overlay to the trigger's rect — open too early and
+ * the dropdown sits in the wrong place until it snaps. The options half is the
+ * caller's: `useSelect` calls this after the first fetch resolves.
+ *
+ * [WTEL-10353](https://webitel.atlassian.net/browse/WTEL-10353)
+ */
+export declare const useSelectAutoOpen: (autoOpen: (() => boolean | undefined) | undefined, selectRef: Ref<SelectComponentRef | undefined>) => {
+    openWhenSettled: () => Promise<void>;
+};

package/types/components/_internals/types/PrimevueInstance.d.ts

@@ -10,5 +10,6 @@ export interface PrimevueInstance {
 export interface PrimevueOverlayInstance extends PrimevueInstance {
     overlay?: HTMLElement;
     alignOverlay?: () => void;
+    show?: (event?: Event) => void;
     hide?: () => void;
 }

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

@@ -2,10 +2,12 @@ import type { ChipProps } from 'primevue/chip';
 import { ChipColor } from '../../enums';
 interface WtProps extends ChipProps {
     /**
-     * Chip color. "main" and "outline" are chip-specific colors
+     * Chip color. "main" and "transfer" are chip-specific colors; the rest follow
+     * the semantic scheme. "info" renders as a light tint with dark text, like
+     * "main", rather than a solid fill.
      * @type {ChipColor}
      * @default ChipColor.MAIN
-     * @options ['main', 'outline', 'accent', 'secondary', 'secondary-50', 'success', 'danger', 'transfer']
+     * @options ['main', 'primary', 'on-primary', 'secondary', 'success', 'warning', 'error', 'info', 'transfer']
      */
     color?: ChipColor;
     /**

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

@@ -32,9 +32,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     focus: () => any;
     input: () => any;
     keydown: () => any;
+    show: () => any;
     hide: () => any;
     "update:modelValue": (...args: unknown[]) => any;
-    show: () => any;
     "value-change": () => any;
     "date-select": () => any;
     "today-click": () => any;
@@ -46,9 +46,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onFocus?: (() => any) | undefined;
     onInput?: (() => any) | undefined;
     onKeydown?: (() => any) | undefined;
+    onShow?: (() => any) | undefined;
     onHide?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
-    onShow?: (() => any) | undefined;
     "onValue-change"?: (() => any) | undefined;
     "onDate-select"?: (() => any) | undefined;
     "onToday-click"?: (() => any) | undefined;

package/types/components/wt-multi-select/wt-multi-select.vue.d.ts

@@ -19,6 +19,7 @@ interface Props extends Omit<SelectProps, 'options'> {
      * false disables options search
      */
     filterable?: boolean;
+    autoOpen?: boolean;
     /**
      * true shows the clear button
      */

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

@@ -24,11 +24,11 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     show: (event?: Event, target?: HTMLElement | null | undefined) => void;
     hide: (event?: Event) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    hide: () => any;
     show: () => any;
+    hide: () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onHide?: (() => any) | undefined;
     onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
 }>, {
     dt: import("@primevue/core").DesignToken<any>;
     disabled: boolean;

package/types/components/wt-single-select/wt-single-select.vue.d.ts

@@ -20,6 +20,7 @@ interface Props extends Omit<SelectProps, 'size' | 'options'> {
      * false disables options search
      */
     filterable?: boolean;
+    autoOpen?: boolean;
     /**
      * true shows the clear button
      */

package/types/components/wt-tooltip/_internals/wt-tooltip-floating.vue.d.ts

@@ -10,16 +10,16 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: () => never[];
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    hide: (...args: any[]) => void;
     show: (...args: any[]) => void;
+    hide: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     triggers: {
         type: ArrayConstructor;
         default: () => never[];
     };
 }>> & Readonly<{
-    onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
 }>, {
     triggers: unknown[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/types/enums/ChipColor/ChipColor.d.ts

@@ -6,6 +6,7 @@ export declare const ChipColor: {
     readonly SUCCESS: "success";
     readonly WARNING: "warning";
     readonly ERROR: "error";
+    readonly INFO: "info";
     readonly TRANSFER: "transfer";
 };
 export type ChipColor = (typeof ChipColor)[keyof typeof ChipColor];

package/types/plugins/primevue/theme/components/chip/chip.d.ts

@@ -56,6 +56,12 @@ declare namespace chip {
                 iconColor: string;
                 iconHoverColor: string;
             };
+            info: {
+                background: string;
+                color: string;
+                iconColor: string;
+                iconHoverColor: string;
+            };
             transfer: {
                 background: string;
                 color: string;
@@ -107,6 +113,12 @@ declare namespace chip {
                 iconColor: string;
                 iconHoverColor: string;
             };
+            info: {
+                background: string;
+                color: string;
+                iconColor: string;
+                iconHoverColor: string;
+            };
             transfer: {
                 background: string;
                 color: string;