@webitel/ui-sdk 26.6.13 → 26.6.14

package/src/plugins/primevue/theme/components/multi-select/multi-select.js

@@ -0,0 +1,32 @@
+import { MultiSelectScheme } from '@webitel/styleguide/component-schemes';
+
+const multiSelect = {
+	...MultiSelectScheme.sizes,
+	colorScheme: MultiSelectScheme.colorScheme,
+
+	css: ({ dt }) => `
+		/* @author @HlukhovYe
+			https://github.com/primefaces/primevue/issues/7820#issuecomment-3436544795
+			only possible way to make dropdown width as select's
+		*/
+		.p-multiselect-overlay {
+			width: 0;
+		}
+
+		.p-multiselect-option span {
+			min-width: 0;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+
+		.p-multiselect-label:has(.p-chip) {
+			padding: ${dt('multiselect.paddingY')} ${dt('multiselect.paddingX')};
+		}
+
+		.p-multiselect-chip-item {
+			display: flex;
+		}
+	`,
+};
+
+export default multiSelect;

package/src/plugins/primevue/theme/components/single-select/single-select.js

@@ -0,0 +1,24 @@
+import { SingleSelectScheme } from '@webitel/styleguide/component-schemes';
+
+const singleSelect = {
+	...SingleSelectScheme.sizes,
+	colorScheme: SingleSelectScheme.colorScheme,
+
+	css: ({ dt }) => `
+		/* @author @HlukhovYe
+			https://github.com/primefaces/primevue/issues/7820#issuecomment-3436544795
+			only possible way to make dropdown width as select's
+		*/
+		.p-select-overlay {
+			width: 0;
+		}
+
+		.p-select-option-label {
+			min-width: 0;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+	`,
+};
+
+export default singleSelect;

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

@@ -0,0 +1,7 @@
+export * from './useExpansion/useExpansion';
+export * from './useGalleriaFullscreen/useGalleriaFullscreen';
+export * from './useGalleriaMaskClick/useGalleriaMaskClick';
+export * from './useInputControl/useInputControl';
+export * from './useSelect/useSelect';
+export * from './useTableColumnDrag/useTableColumnDrag';
+export * from './useWtTable/useWtTable';

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

@@ -0,0 +1,29 @@
+export declare const useSelect: ({ selected, options, optionLabel, optionValue, dataKey, allowCustomValues, manualCustomValues, filterInput, selectRef, searchMethod, selectId, isSingle, emit, }: {
+    selected: any;
+    options: any;
+    optionLabel: any;
+    optionValue: any;
+    dataKey: any;
+    allowCustomValues: any;
+    manualCustomValues?: boolean;
+    filterInput: any;
+    selectRef: any;
+    searchMethod: any;
+    selectId: any;
+    isSingle: any;
+    emit?: () => void;
+}) => {
+    isLoading: import("vue").Ref<boolean, boolean>;
+    isDropdownOpen: import("vue").Ref<boolean, boolean>;
+    filterText: import("vue").Ref<string, string>;
+    filteredOptions: import("vue").Ref<any, any>;
+    getOptionLabel: (option: any) => any;
+    fetchOptions: () => Promise<void>;
+    filterOptions: (value: any) => void;
+    onDropdownBeforeShow: () => void;
+    onDropdownBeforeHide: () => void;
+    onDropdownShow: () => void;
+    onDropdownHide: () => void;
+    onInputKeydown: () => void;
+    clearValue: () => void;
+};

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

@@ -0,0 +1,16 @@
+export declare const useSelectCustomValues: ({ selected, filteredOptions, options, dataKey, filterText, filterOptions, updateSelectedOptionsCache, selectRef, allowCustomValues, manualCustomValues, isSingle, emit, }: {
+    selected: any;
+    filteredOptions: any;
+    options: any;
+    dataKey: any;
+    filterText: any;
+    filterOptions: any;
+    updateSelectedOptionsCache: any;
+    selectRef: any;
+    allowCustomValues: any;
+    manualCustomValues: any;
+    isSingle: any;
+    emit: any;
+}) => {
+    onInputKeydown: () => void;
+};

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

@@ -0,0 +1,20 @@
+export declare const useSelectDropdown: ({ selectId, selectRef, filterInput, searchMethod, filteredOptions, filterText, filterOptions, resetAndFetch, sortOptions, fetchOptions, isLoading, searchHasNext, }: {
+    selectId: any;
+    selectRef: any;
+    filterInput: any;
+    searchMethod: any;
+    filteredOptions: any;
+    filterText: any;
+    filterOptions: any;
+    resetAndFetch: any;
+    sortOptions: any;
+    fetchOptions: any;
+    isLoading: any;
+    searchHasNext: any;
+}) => {
+    isDropdownOpen: import("vue").Ref<boolean, boolean>;
+    onDropdownBeforeShow: () => void;
+    onDropdownBeforeHide: () => void;
+    onDropdownShow: () => void;
+    onDropdownHide: () => void;
+};

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

@@ -0,0 +1,20 @@
+export declare const useSelectOptions: ({ selected, options, optionLabel, optionValue, dataKey, allowCustomValues, searchMethod, }: {
+    selected: any;
+    options: any;
+    optionLabel: any;
+    optionValue: any;
+    dataKey: any;
+    allowCustomValues: any;
+    searchMethod: any;
+}) => {
+    filterText: import("vue").Ref<string, string>;
+    filteredOptions: import("vue").Ref<any, any>;
+    isLoading: import("vue").Ref<boolean, boolean>;
+    searchHasNext: import("vue").Ref<boolean, boolean>;
+    sortOptions: (opts: any) => any[];
+    getOptionLabel: (option: any) => any;
+    fetchOptions: () => Promise<void>;
+    resetAndFetch: (search?: string) => void;
+    filterOptions: (value: any) => void;
+    updateSelectedOptionsCache: () => void;
+};

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

@@ -0,0 +1,3 @@
+export declare const toArray: (value: any) => any[];
+export declare const isOptionSelected: (option: any, selectedArray: any, dataKey: any) => any;
+export declare const dedupeByKey: (items: unknown[], key: string) => unknown[];

package/types/{composables → components/_internals/composables}/useWtTable/useWtTable.d.ts

@@ -1,4 +1,3 @@
-import type { WtTableHeader } from '../../components/wt-table/types/WtTable.d.ts';
 export declare const useWtTable: ({ headers }: {
     headers: any;
 }) => {

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

@@ -19,7 +19,11 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<WtProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WtProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<WtProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<WtProps> & Readonly<{
+    onRemove?: () => any;
+}>, {
     color: ChipColor;
     removable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,82 @@
+import type { SelectProps } from 'primevue';
+interface Props extends SelectProps {
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    /**
+     * true disables all options but keeps dropdown visible
+     */
+    disabledOptions?: boolean;
+    /**
+     * false disables options search
+     */
+    filterable?: boolean;
+    /**
+     * true shows the clear button
+     */
+    showClear?: boolean;
+    options?: unknown[];
+    optionLabel?: string;
+    optionValue?: string;
+    /**
+     * A property to uniquely identify an option.
+     */
+    dataKey?: string;
+    /**
+     * Function that returns filtered options for server-side search
+     */
+    searchMethod?: () => void;
+    /**
+     * true allows adding custom values through the filter input
+     */
+    allowCustomValues?: boolean;
+    /**
+     * true emits custom values through the filter input instead of adding them automatically
+     */
+    manualCustomValues?: boolean;
+    chipsView?: boolean;
+    labelProps?: object;
+    v?: Record<string, unknown>;
+    regleValidation?: RegleFieldStatus<string>;
+    customValidators?: unknown[];
+}
+type __VLS_Props = Props;
+declare const __VLS_defaultModels: {
+    modelValue: any[];
+};
+type __VLS_ModelProps = {
+    modelValue?: typeof __VLS_defaultModels['modelValue'];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {
+    label: string;
+};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reset: () => any;
+    "update:modelValue": (value: any[]) => any;
+    "add:custom-value": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onReset?: () => any;
+    "onUpdate:modelValue"?: (value: any[]) => any;
+    "onAdd:custom-value"?: (value: string) => any;
+}>, {
+    options: unknown[];
+    customValidators: unknown[];
+    dataKey: string;
+    optionLabel: string;
+    labelProps: object;
+    showClear: boolean;
+    filterable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -222,8 +222,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
     v: Record<string, any>;
     regleValidation: Record<string, any>;
-    multiple: boolean;
     allowCustomValues: boolean;
+    multiple: boolean;
     clearable: boolean;
     handleCustomValuesAdditionManually: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,83 @@
+import type { SelectProps } from 'primevue';
+interface Props extends SelectProps {
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    /**
+     * true disables all options but keeps dropdown visible
+     */
+    disabledOptions?: boolean;
+    /**
+     * false disables options search
+     */
+    filterable?: boolean;
+    /**
+     * true shows the clear button
+     */
+    showClear?: boolean;
+    options?: unknown[];
+    optionLabel?: string;
+    optionValue?: string;
+    /**
+     * A property to uniquely identify an option.
+     */
+    dataKey?: string;
+    /**
+     * Function that returns filtered options for server-side search
+     */
+    searchMethod?: () => void;
+    /**
+     * true allows adding custom values through the filter input
+     */
+    allowCustomValues?: boolean;
+    labelProps?: object;
+    v?: Record<string, unknown>;
+    regleValidation?: RegleFieldStatus<string>;
+    customValidators?: unknown[];
+}
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {
+    label: any;
+}, __VLS_46: {
+    value: any;
+    getOptionLabel: any;
+    placeholder: any;
+}, __VLS_49: {
+    option: any;
+    getOptionLabel: any;
+};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_7) => any;
+} & {
+    value?: (props: typeof __VLS_46) => any;
+} & {
+    option?: (props: typeof __VLS_49) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reset: () => any;
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onReset?: () => any;
+    "onUpdate:modelValue"?: (value: string) => any;
+}>, {
+    options: unknown[];
+    customValidators: unknown[];
+    dataKey: string;
+    optionLabel: string;
+    labelProps: object;
+    showClear: boolean;
+    filterable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -104,13 +104,13 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
 }>, {
     headers: WtTableHeader[];
     data: Array<unknown>;
+    dataKey: string;
     sortable: boolean;
     selectable: boolean;
     gridActions: boolean;
     fixedActions: boolean;
     headless: boolean;
     rowReorder: boolean;
-    dataKey: string;
     isRowReorderDisabled: (row: any) => boolean;
     rowExpansion: boolean;
     rowClass: () => string;

package/types/components/wt-tree-table/wt-tree-table.vue.d.ts

@@ -32,7 +32,7 @@ type __VLS_Props = {
 };
 declare var __VLS_18: {}, __VLS_29: {
     item: any;
-}, __VLS_33: string, __VLS_34: {
+}, __VLS_33: any, __VLS_34: {
     index: number;
     item: any;
 };

package/types/composables/index.d.ts

@@ -4,11 +4,5 @@ export * from './useCard/useCardComponent';
 export * from './useCard/useCardTabs';
 export * from './useClose/useClose';
 export * from './useDestroyableSortable/useDestroyableSortable';
-export * from './useExpansion/useExpansion';
-export * from './useGalleriaFullscreen/useGalleriaFullscreen';
-export * from './useGalleriaMaskClick/useGalleriaMaskClick';
-export * from './useInputControl/useInputControl';
 export * from './useRepresentableAgentPauseCause/useRepresentableAgentPauseCause';
-export * from './useTableColumnDrag/useTableColumnDrag';
 export * from './useValidate/useValidate';
-export * from './useWtTable/useWtTable';

package/types/locale/en/en.d.ts

@@ -788,6 +788,9 @@ declare const _default: {
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
     };
     systemNotifications: {
         success: {

package/types/locale/es/es.d.ts

@@ -902,6 +902,9 @@ declare namespace _default {
         }
         export { filters_1 as filters };
     }
+    export namespace select {
+        let selectedItemsLabel: string;
+    }
     export namespace systemNotifications {
         export namespace success_1 {
             export function update_2({ named }: {

package/types/locale/i18n.d.ts

@@ -789,6 +789,9 @@ declare const _default: import("vue-i18n").I18n<{
                     };
                 };
             };
+            select: {
+                selectedItemsLabel: string;
+            };
         };
         systemNotifications: {
             success: {
@@ -1620,6 +1623,9 @@ declare const _default: import("vue-i18n").I18n<{
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {
@@ -2434,6 +2440,9 @@ declare const _default: import("vue-i18n").I18n<{
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {
@@ -3250,6 +3259,9 @@ declare const _default: import("vue-i18n").I18n<{
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {
@@ -4064,6 +4076,9 @@ declare const _default: import("vue-i18n").I18n<{
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {
@@ -4880,6 +4895,9 @@ declare const _default: import("vue-i18n").I18n<{
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {
@@ -5696,6 +5714,9 @@ declare const _default: import("vue-i18n").I18n<{
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {
@@ -6513,6 +6534,9 @@ declare const _default: import("vue-i18n").I18n<{
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {
@@ -7329,6 +7353,9 @@ declare const _default: import("vue-i18n").I18n<{
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {

package/types/locale/index.d.ts

@@ -799,6 +799,9 @@ export declare const messages: {
                     };
                 };
             };
+            select: {
+                selectedItemsLabel: string;
+            };
         };
         systemNotifications: {
             success: {
@@ -1630,6 +1633,9 @@ export declare const messages: {
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {
@@ -2444,6 +2450,9 @@ export declare const messages: {
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {
@@ -3260,6 +3269,9 @@ export declare const messages: {
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {
@@ -4074,6 +4086,9 @@ export declare const messages: {
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {
@@ -4890,6 +4905,9 @@ export declare const messages: {
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {
@@ -5706,6 +5724,9 @@ export declare const messages: {
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {
@@ -6523,6 +6544,9 @@ export declare const messages: {
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {
@@ -7339,6 +7363,9 @@ export declare const messages: {
                 };
             };
         };
+        select: {
+            selectedItemsLabel: string;
+        };
         systemNotifications: {
             success: {
                 update: ({ named }: {

package/types/locale/kz/kz.d.ts

@@ -902,6 +902,9 @@ declare namespace _default {
         }
         export { filters_1 as filters };
     }
+    export namespace select {
+        let selectedItemsLabel: string;
+    }
     export namespace systemNotifications {
         export namespace success_1 {
             export function update_2({ named }: {

package/types/locale/pl/pl.d.ts

@@ -902,6 +902,9 @@ declare namespace _default {
         }
         export { filters_1 as filters };
     }
+    export namespace select {
+        let selectedItemsLabel: string;
+    }
     export namespace systemNotifications {
         export namespace success_1 {
             export function update_2({ named }: {

package/types/locale/ro/ro.d.ts

@@ -902,6 +902,9 @@ declare namespace _default {
         }
         export { filters_1 as filters };
     }
+    export namespace select {
+        let selectedItemsLabel: string;
+    }
     export namespace systemNotifications {
         export namespace success_1 {
             export function update_2({ named }: {

package/types/locale/ru/ru.d.ts

@@ -900,6 +900,9 @@ declare namespace _default {
         }
         export { filters_1 as filters };
     }
+    export namespace select {
+        let selectedItemsLabel: string;
+    }
     export namespace systemNotifications {
         export namespace success_1 {
             export function update_2({ named }: {

package/types/locale/uk/uk.d.ts

@@ -900,6 +900,9 @@ declare namespace _default {
         }
         export { filters_1 as filters };
     }
+    export namespace select {
+        let selectedItemsLabel: string;
+    }
     export namespace systemNotifications {
         export namespace success_1 {
             export function update_2({ named }: {

package/types/locale/uz/uz.d.ts

@@ -903,6 +903,9 @@ declare namespace _default {
         }
         export { filters_1 as filters };
     }
+    export namespace select {
+        let selectedItemsLabel: string;
+    }
     export namespace systemNotifications {
         export namespace success_1 {
             export function update_2({ named }: {

package/types/locale/vi/vi.d.ts

@@ -902,6 +902,9 @@ declare namespace _default {
         }
         export { filters_1 as filters };
     }
+    export namespace select {
+        let selectedItemsLabel: string;
+    }
     export namespace systemNotifications {
         export namespace success_1 {
             export function update_2({ named }: {