@weavix/tracker-components 0.0.3 → 0.1.1

package/build/cjs/components/Select/TagsSelect/TagsSelect.classname.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cnTagsSelect = void 0;
-var _cn = require("../../cn");
+var _cn = require("./../../cn");
 var cnTagsSelect = exports.cnTagsSelect = (0, _cn.block)('tags-select');
 // #sourceMappingURL=TagsSelect.classname.js.map

package/build/cjs/components/Select/TagsSelect/TagsSelect.classname.js.map

@@ -1 +1 @@
-{"version":3,"names":["_cn","require","cnTagsSelect","exports","block"],"sources":["TagsSelect.classname.ts"],"sourcesContent":["import {block} from '../../cn';\n\nexport const cnTagsSelect = block('tags-select');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,SAAK,EAAC,aAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["_cn","require","cnTagsSelect","exports","block"],"sources":["TagsSelect.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnTagsSelect = block('tags-select');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,SAAK,EAAC,aAAa,CAAC","ignoreList":[]}

package/build/cjs/components/Suggest/Suggest.classname.d.ts

@@ -0,0 +1 @@
+export declare const cnSuggest: import("@bem-react/classname").ClassNameFormatter;

package/build/cjs/components/Suggest/Suggest.classname.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cnSuggest = void 0;
+var _cn = require("./../cn");
+var cnSuggest = exports.cnSuggest = (0, _cn.block)('suggest');
+// #sourceMappingURL=Suggest.classname.js.map

package/build/cjs/components/Suggest/Suggest.classname.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_cn","require","cnSuggest","exports","block"],"sources":["Suggest.classname.tsx"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnSuggest = block('suggest');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,SAAK,EAAC,SAAS,CAAC","ignoreList":[]}

package/build/cjs/components/Suggest/Suggest.css

@@ -0,0 +1,24 @@
+.tpc-suggest__popup {
+  max-height: 40vh;
+  overflow-x: hidden;
+  overflow-y: auto;
+  overflow: hidden auto;
+}
+.tpc-suggest__popup_has-fallback {
+  min-height: -moz-min-content;
+  min-height: min-content;
+}
+.tpc-suggest__loader {
+  display: flex;
+  justify-content: center;
+  padding: calc(var(--g-spacing-2) + var(--g-spacing-half));
+}
+.tpc-suggest__list {
+  box-sizing: border-box;
+  display: flex;
+}
+.tpc-suggest__item {
+  width: 100%;
+  overflow: hidden;
+}
+/*# sourceMappingURL=Suggest.css.map */

package/build/cjs/components/Suggest/Suggest.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Suggest.scss"],"names":[],"mappings":"AAKI;EACI,gBAAA;EACA,kBAAA;EAAA,gBAAA;EAAA,qBAAA;AAJR;AAMQ;EACI,4BAAA;EAAA,uBAAA;AAJZ;AAQI;EACI,aAAA;EACA,uBAAA;EACA,yDAAA;AANR;AASI;EACI,sBAAA;EACA,aAAA;AAPR;AAUI;EACI,WAAA;EACA,gBAAA;AARR","file":"Suggest.css","sourcesContent":["@use '../../styles/variables.scss';\n\n$block: '.#{variables.$ns}suggest';\n\n#{$block} {\n    &__popup {\n        max-height: 40vh;\n        overflow: hidden auto;\n\n        &_has-fallback {\n            min-height: min-content;\n        }\n    }\n\n    &__loader {\n        display: flex;\n        justify-content: center;\n        padding: calc(var(--g-spacing-2) + var(--g-spacing-half));\n    }\n\n    &__list {\n        box-sizing: border-box;\n        display: flex;\n    }\n\n    &__item {\n        width: 100%;\n        overflow: hidden;\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/components/Suggest/Suggest.d.ts

@@ -0,0 +1,147 @@
+import React, { FC, ReactNode } from 'react';
+import { List, ListItemData, PopupPlacement, PopupProps, TextInputPin, TextInputProps, TextInputSize } from '@gravity-ui/uikit';
+import type { DOMProps, QAProps } from '@gravity-ui/uikit';
+import './Suggest.scss';
+export type RenderStyle = 'popup' | 'inline';
+export type RenderFallbackContentProps = {
+    text: string;
+    error?: Error | null;
+};
+export interface SuggestProps<T = any> extends DOMProps, QAProps {
+    /** Текст в поле ввода */
+    text: string;
+    /** Функция, реагирующая на изменения текста `text` в поле ввода */
+    onUpdate: (item: string) => void;
+    /** Функция, принимающая текст из поля ввода и возвращающая новый список элементов саджеста или `Promise` */
+    getItems: (text: string) => ListItemData<T>[] | Promise<ListItemData<T>[]>;
+    /** Обработчик клика по элементу саджеста */
+    onItemClick?: (item: T, index?: number, fromKeyboard?: boolean) => boolean | void;
+    /** Функция для кастомного лейаута саджеста. */
+    children?: (input: ReactNode, items: ListItemData<T>[], loading: boolean) => ReactNode;
+    /** Placeholder поля ввода */
+    placeholder?: string;
+    /** Сделать поле ввода неактивным */
+    disabled?: boolean;
+    /** Атрибут `autocomplete` поля ввода */
+    autoComplete?: TextInputProps['autoComplete'];
+    /** Включить автофокус поля ввода */
+    autoFocus?: boolean;
+    popupPlacement?: PopupPlacement;
+    /** Микс для имени класса попапа */
+    popupClassName?: string;
+    /** Отключает floating-ui портал попапа */
+    popupDisablePortal?: boolean;
+    /** Микс для имени класса импута */
+    inputClassName?: string;
+    /** Высота элемента саджеста в `px` или функция, возвращающая значение высоты для элемента саджеста: `(item: any) => number`. Используется только при `virtualized: true`. */
+    itemHeight?: number | ((item: ListItemData<T>) => number);
+    /** Флаг, указывающий, что значение из поля ввода должно быть обработано, и не обязательно должен быть выбран элемент из саджеста. Должен быть указан `onInputEnterKeyDown`. */
+    applicableInputValue?: boolean;
+    /** Запрашивать список элементов саджеста при начальной отрисовке компонента */
+    getItemsOnMount?: boolean;
+    /** Показывать элементы саджеста при пустом поле ввода */
+    showItemsOnNoText?: boolean;
+    /** Обработчик нажатия Tab в поле ввода или на элемент списка. Используется только при открытом попапе саджеста */
+    onTabKeyDown?: (text: string, event: React.KeyboardEvent, extra: {
+        items: ListItemData<T>[];
+        activeItem: number | undefined;
+    }) => boolean | undefined;
+    /** Обработчик нажатия Enter в поле ввода. Если не указан, то по Enter будет срабатывать `onItemClick` на активном элементе саджеста. Используется только при `applicableInputValue: true`. */
+    onInputEnterKeyDown?: (text: string, event: React.KeyboardEvent) => void;
+    /** Обработчик нажатия любой клавиши в поле ввода */
+    onInputKeyDown?: (text: string, event: React.KeyboardEvent) => void;
+    /** Функция, которая будет вызвана на блюр текстового инпута */
+    onBlur?: () => void;
+    /** Функция, которая будет вызвана при открытии или закрытии попапа */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** Включить синхронизацию ширины поля ввода и попапа саджеста при ресайзе окна */
+    syncPopupOnResize?: boolean;
+    /** Выключить показ сообщение об отсутствии совпадений */
+    showNoItemsMessage?: boolean;
+    /** Размер поля ввода */
+    size?: TextInputSize;
+    /** Включить виртуализацию. При выключенном флаге будут отрисованы все элементы саджеста разом. */
+    virtualized?: boolean;
+    /** Функция рендера, получающая на вход элемент саджеста и возвращающая React-ноду */
+    renderItem?: (item: T) => ReactNode;
+    /** Время в мс для отложенного вызова `getItems` после `onUpdate` */
+    debounce?: number;
+    /** Значение пробрасывается в TextInput.props.pin */
+    pin?: TextInputPin;
+    id?: string;
+    renderStyle?: RenderStyle;
+    /** Кнопка очистки инпута */
+    hasClear?: boolean;
+    /** Функция, высчитывающая какой Item сделать активным после резолва getItems */
+    getInitialActiveItemIndex?: (items: ListItemData<T>[]) => number;
+    /** Значение пробрасывается в TextInput.props.error */
+    error?: TextInputProps['error'];
+    /** Значение пробрасывается в TextInput.props.errorPlacement */
+    errorPlacement?: TextInputProps['errorPlacement'];
+    /** Значение пробрасывается в Popup.props.offset */
+    popupOffset?: PopupProps['offset'];
+    /** Генератор кастомного сообщения о пустом списке элементов на основе текущего значения поля ввода */
+    /**
+     * @deprecated use renderEmptyResultFallbackContent
+     */
+    getNoItemsMessage?: (text: string) => ReactNode;
+    /** Генератор кастомного сообщения о пустом списке элементов на основе текущего значения поля ввода */
+    renderEmptyResult?: FC<RenderFallbackContentProps>;
+    /** Генератор кастомного сообщения об ошибке загрузки данных */
+    renderFetchItemsError?: FC<RenderFallbackContentProps>;
+    /** Дополнительные пропсы для контрола */
+    controlProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    /** Нода, которая рендерится перед инпутом внутри TextInput */
+    startContent?: ReactNode;
+    /** Нода, которая рендерится после инпута и кнопки очистки внутри TextInput */
+    endContent?: ReactNode;
+    /** Ссылка для доступа к TextInput */
+    controlRef?: TextInputProps['controlRef'];
+}
+interface SuggestState<T> {
+    progress: boolean;
+    focused: boolean;
+    items: ListItemData<T>[];
+    progressTimerId: ReturnType<typeof setTimeout> | null;
+    activeIndex?: number;
+    fetchError: Error | null;
+    showEmptyMessage: boolean;
+}
+interface SuggestLocalizationProps {
+    t: (key: string, params?: Record<string, unknown>) => string;
+}
+export declare class SuggestView<T = any> extends React.PureComponent<SuggestProps<T> & SuggestLocalizationProps, SuggestState<T>> {
+    static defaultProps: Partial<SuggestProps>;
+    static getDerivedStateFromProps<Props extends SuggestProps>(nextProps: Props): {
+        items: never[];
+    } | null;
+    state: SuggestState<T>;
+    throttledForceUpdate: import("lodash").DebouncedFunc<() => void>;
+    textInputRef: React.RefObject<HTMLInputElement>;
+    inputRef: React.RefObject<HTMLDivElement>;
+    listRef: React.RefObject<List<T>>;
+    latestPromise?: Promise<T[]>;
+    _getItems: import("lodash").DebouncedFunc<(text: string) => Promise<void>>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: SuggestProps): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    renderIllustration(type: '404' | '500'): (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+    getItems(text: string): void;
+    private setProgressWithDelay;
+    private clearProgress;
+    private handleClosePopup;
+    private renderItem;
+    private onItemClick;
+    private onChangeActive;
+    private renderDefaultPopupFallback;
+    private getRenderFallbackContent;
+    private renderPopupContent;
+    private onUpdate;
+    private isPopupHasContent;
+    private onInputKeyDown;
+    private moveCursorToEdge;
+    private updateTextInputRef;
+}
+export declare const Suggest: <T = any>(props: SuggestProps<T> & React.RefAttributes<SuggestView<T>>) => React.ReactElement;
+export {};