indicator-ui 0.0.232 → 0.0.233

package/dist/types/src/lib/animation/getScrollParents.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Находит все родительские елементы в которых есть скролл.
+ * @param element элемент от которого искать.
+ * @returns
+ * Массив DOM-элементов
+ * @example
+ * ```ts
+ * getScrollParents(elementRef.current) // HTMLElement[]
+ * ```
+ */
+export declare const getScrollParents: (element: HTMLElement) => HTMLElement[];

package/dist/types/src/lib/animation/index.d.ts

@@ -0,0 +1,2 @@
+export * from './throttle';
+export * from './getScrollParents';

package/dist/types/src/lib/animation/throttle.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Предотвращение перегрузки количества событий.
+ * @param func целевая функция.
+ * @param ms Задержка в ms. Поумолчанию 10
+ * @example
+ * ```ts
+ * const handleScroll = throttle(animationUpdate, 100)
+ * window.addEventListener("scroll", handleScroll);
+ * ```
+ */
+export declare function throttle(func: () => void, ms?: number): () => void;

package/dist/types/src/lib/index.d.ts

@@ -2,3 +2,4 @@ export * from './dict';
 export * from './array';
 export * from './reactComponents';
 export * from './time';
+export * from './animation';

package/dist/types/src/test/pages/TooltipTage.d.ts

@@ -0,0 +1 @@
+export declare const TooltipPage: () => JSX.Element;

package/dist/types/src/ui/FormBuilder/lib/formBuilder.d.ts

@@ -1,4 +1,4 @@
 import { FORM_BUILDER_SCHEMA } from "../schemes";
 import { AdditionPropsType } from "../types";
-declare const formBuilder: (schema: FORM_BUILDER_SCHEMA, additionProps: AdditionPropsType) => import("react").ReactNode[];
+declare const formBuilder: (schema: FORM_BUILDER_SCHEMA, additionProps: AdditionPropsType) => (string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment)[];
 export default formBuilder;

package/dist/types/src/ui/InputFields/SelectField/lib/getOptionValue.d.ts

@@ -0,0 +1,3 @@
+import { SelectFieldOptionsType, SelectFieldValueType } from '../types';
+import { ReactNode } from "react";
+export declare function getOptionValue(value: SelectFieldValueType, options?: SelectFieldOptionsType): string | ReactNode;

package/dist/types/src/ui/ModalWindowWrapper/index.d.ts

@@ -1 +1 @@
-export * from "./ui/ModalWindowWrapper";
+export * from "./ui";

package/dist/types/src/ui/ModalWindowWrapper/ui/index.d.ts

@@ -0,0 +1 @@
+export * from './ModalWindowWrapper';

package/dist/types/src/ui/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './ui';

package/dist/types/src/ui/Tooltip/lib/getOffset.d.ts

@@ -0,0 +1,5 @@
+import { ArrowPositionType } from "../types";
+export declare const getOffset: (target: any, element: any, arrow: ArrowPositionType | undefined) => {
+    x: number;
+    y: number;
+};

package/dist/types/src/ui/Tooltip/lib/index.d.ts

@@ -0,0 +1 @@
+export * from './getOffset';

package/dist/types/src/ui/Tooltip/styles/index.d.ts

@@ -0,0 +1 @@
+export { default as TooltipStyles } from './Tooltip.module.scss';

package/dist/types/src/ui/Tooltip/types/TooltipTypes.d.ts

@@ -0,0 +1,43 @@
+import React, { CSSProperties } from "react";
+export type ArrowPositionType = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left-top' | 'left-center' | 'left-bottom' | 'right-top' | 'right-center' | 'right-bottom';
+export type TooltipTypes = {
+    text: string;
+    description?: string;
+    /**
+     * @summary Позиция стрелки согласно фигме.
+     * @description Запись arrow={'top-left'} выведет тултип со стрелкой сверху слева,
+     * сам Tooltip в таком случае лучше размещать снизу поп правой стороне.
+     * @remarks При указаном targetRef облако тултипа автоматически покажется в нужной стороне
+     * @example <Tooltip arrow={'top-left'}>
+     * */
+    arrow?: ArrowPositionType;
+    /** Классы для контейнера */
+    classes?: string;
+    /**
+     * Сюда можно напрямую передать стили для контейнера
+     * @example
+     * {
+     *     position: "absolute"
+     *     top: "12px"
+     *     left: "12px"
+     *     width: "320px"
+     * }
+     * */
+    styles?: CSSProperties;
+    /**
+     * Если указать targetRef, библиотека сама отцентрирует
+     * компонент относительно рефа и стреклки,
+     * иначе нужно передать classes или styles для позиционирования контейнера
+     * @example <Tooltip targetRef={ref}>
+     * */
+    targetRef?: React.RefObject<any>;
+    /**
+     * Выполнится при клике вне элемента
+    * */
+    onClose?: () => void;
+    /**
+     * Исключаемые элементы при клике на которые onClose не срабатывает
+     * */
+    excludedOnCloseElements?: HTMLElement[];
+    color?: 'light' | 'dark';
+};

package/dist/types/src/ui/Tooltip/types/index.d.ts

@@ -0,0 +1 @@
+export * from './TooltipTypes';

package/dist/types/src/ui/Tooltip/ui/Tooltip.d.ts

@@ -0,0 +1,10 @@
+import { TooltipTypes } from "../types/TooltipTypes";
+/**
+ * @param arrow Положение стрелки по фигме
+ * @param targetRef Tooltip автоматически центрируется относительно targetRef
+ * @param onClose Функция для закрытия Tooltip при клике вне его
+ * @param excludedOnCloseElements Исключаемые элементы при клике на которые onClose не срабатывает
+ * @param color Тема: 'light'/'dark'
+ * @constructor
+ */
+export declare function Tooltip({ text, description, arrow, classes, styles, targetRef, onClose, excludedOnCloseElements, color }: TooltipTypes): JSX.Element;

package/dist/types/src/ui/Tooltip/ui/index.d.ts

@@ -0,0 +1 @@
+export * from './Tooltip';

package/dist/types/src/ui/index.d.ts

@@ -23,3 +23,4 @@ export * from './MediaViewer';
 export * from './Carousel';
 export * from './PlayButton';
 export * from './DateTimePicker';
+export * from './Tooltip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "indicator-ui",
-  "version": "0.0.232",
+  "version": "0.0.233",
   "main": "dist/index.js",
   "types": "dist/types/src/index.d.ts",
   "style": "dist/index.css",