indicator-ui 0.0.244 → 0.0.246

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

@@ -1,2 +1,3 @@
 export * from './useIsErrorField';
 export * from './useFormData';
+export * from './useDebouncedAccumulator';

package/dist/types/src/hooks/useDebouncedAccumulator.d.ts

@@ -0,0 +1,7 @@
+type PropsType<T> = {
+    callback: (set: Array<T>) => void;
+    timeout?: number;
+};
+type ReturnType<T> = (data: T) => void;
+export declare function useDebouncedAccumulator<DataType>({ callback, timeout }: PropsType<DataType>): ReturnType<DataType>;
+export {};

package/dist/types/src/hooks/useFormData.d.ts

@@ -4,15 +4,20 @@ export type UseFormDataSetValueType = (value: any, keyWay: DictDeepActionKeyWayT
     unionToArray: boolean;
     index?: number;
 }) => void;
+export type GenericFormDataType<T extends Record<string, any> = Record<string, any>> = T;
 export type UseFormDataGetValueType = (keyWay: DictDeepActionKeyWayType) => any;
 export type UseFormDataDeleteArrayItemType = (keyWay: DictDeepActionKeyWayType) => void;
-export type UseFormDataReturnType<T> = {
+export type UseFormDataGetFormDataType<T> = () => T;
+export type UseFormDataResetFormType = () => void;
+export type UseFormDataClearFormType = () => void;
+export type UseFormDataReturnType<T = GenericFormDataType> = {
     formData: T;
+    getFormData: UseFormDataGetFormDataType<T>;
     setFormData: Dispatch<SetStateAction<T>>;
     setValue: UseFormDataSetValueType;
     getValue: UseFormDataGetValueType;
-    resetForm: () => void;
-    clearForm: () => void;
+    resetForm: UseFormDataResetFormType;
+    clearForm: UseFormDataClearFormType;
     deleteArrayItem: UseFormDataDeleteArrayItemType;
 };
-export declare function useFormData<T extends Record<string, any>>(value?: T): UseFormDataReturnType<T>;
+export declare function useFormData<T = GenericFormDataType>(value?: T): UseFormDataReturnType<T>;

package/dist/types/src/lib/dict/compKeyWays.d.ts

@@ -1,7 +1,9 @@
 import { DictDeepActionKeyWayType } from "../../types/DictDeepActionsTypes";
 /**
  * 2 - полностью совпадают
+ *
  * 1 - совпадает начало
+ *
  * 0 - не совпадают
  * */
 export declare function compKeyWays(a: DictDeepActionKeyWayType, b: DictDeepActionKeyWayType): 0 | 1 | 2;

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

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

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

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

package/dist/types/src/ui/Dropdown/types/DropdownTypes.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { DropdownItemPropsType, ScrollProviderPropsType } from "../../../ui";
+export type DropdownItemCustomComponentType = React.ReactElement<{
+    onClick: () => void;
+    active: boolean;
+}>;
+export type DropdownItemType<T> = DropdownItemPropsType & {
+    value: T;
+    customComponent?: DropdownItemCustomComponentType;
+} | T;
+export type DropdownItemsType<T> = Array<DropdownItemType<T>>;
+export type DropdownPropsBaseType<T> = {
+    items: DropdownItemsType<T>;
+    /**
+     * Заголовок, при ```undefined``` не будет показывать его.
+     * */
+    title?: React.ReactNode;
+    size?: DropdownItemPropsType['size'];
+    onClick?: (value: T) => void;
+    width?: number | 'fill' | 'hug';
+    isActive?: (value: T) => boolean;
+};
+export type DropdownPropsType<T> = Omit<ScrollProviderPropsType<HTMLDivElement>, keyof DropdownPropsBaseType<T>> & DropdownPropsBaseType<T>;

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

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

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

@@ -0,0 +1,2 @@
+import { DropdownPropsType } from "../types";
+export declare function Dropdown<T = unknown>({ items, title, size, onClick, width, isActive, ...props }: DropdownPropsType<T>): JSX.Element;

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

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

package/dist/types/src/ui/InputFields/SelectField/config/index.d.ts

@@ -1,2 +1 @@
-export declare const DELTA_SCROLL_END = 1;
 export declare const SEARCHING_DELAY_TIME: number;

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

@@ -1,2 +1,2 @@
-export { default as SelectField } from './ui/SelectField';
+export * from './ui';
 export * from './types';

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

@@ -0,0 +1,2 @@
+import { SelectFieldOptionsType, SelectFieldValueType } from "../types";
+export declare function getSelectFieldOptionsByValue<DataType = unknown>(value: SelectFieldValueType<DataType>, options: SelectFieldOptionsType<DataType>): SelectFieldOptionsType<DataType>;

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

@@ -0,0 +1,2 @@
+import { SelectFieldOptionsItemType } from "../../../../ui";
+export declare function getSelectFieldOptionsItemValue<DataType = unknown>(item: SelectFieldOptionsItemType<DataType>): DataType;

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

@@ -1,2 +1,2 @@
 import { SelectFieldOptionsType, SelectFieldValueType } from '../types';
-export default function getStringValue(value: SelectFieldValueType, options?: SelectFieldOptionsType): string;
+export declare function getStringValue<DataType = unknown>(value: SelectFieldValueType<DataType>, options?: SelectFieldOptionsType<DataType>): string;

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

@@ -1,2 +1,3 @@
-export { default as isActiveOption } from './isActiveOption';
-export { default as getStringValue } from './getStringValue';
+export * from './getStringValue';
+export * from './getSelectFieldOptionsItemValue';
+export * from './getSelectFieldOptionsByValue';

package/dist/types/src/ui/InputFields/SelectField/types/SelectFieldTypes.d.ts

@@ -1,38 +1,25 @@
-import React, { ReactElement } from "react";
+import React from "react";
 import { FieldsBasePropsType } from '../../FieldsBase';
-import { SelectFieldOptionsOwnerItemPropsType } from "./SelectFieldOptionsItemTypes";
-import { DropdownItemPropsType } from "../../../../ui";
-export type SelectFieldOptionsItemType<T = any> = {
+import { DropdownItemPropsType, FlexFieldPropsType } from "../../../../ui";
+export type SelectFieldOptionsItemType<T = unknown> = DropdownItemPropsType & {
     value: T;
-    label?: string;
-    dropdownItemProps?: Omit<DropdownItemPropsType, 'onClick'>;
-    component?: ReactElement<SelectFieldOptionsOwnerItemPropsType>;
-};
-export type SelectFieldOptionsType<T = any> = SelectFieldOptionsItemType<T>[];
-export type SelectFieldValueType<T = any> = T[] | T;
-export type SelectFieldLoadMoreOptionsType = (optionsCount: number, searchString?: string) => Promise<SelectFieldOptionsType | undefined>;
-export type SelectFiledSearchOptionsType = (searchString: string, curOptions: SelectFieldOptionsType) => Promise<SelectFieldOptionsType | undefined>;
-export type SelectFieldPropsType<T = any> = FieldsBasePropsType<SelectFieldValueType<T>> & {
-    placeholder?: string;
+    label?: React.ReactNode | React.ReactElement<Record<string, unknown> & {
+        isFocus: boolean;
+    }>;
+} | T;
+export type SelectFieldOptionsType<T = unknown> = Array<SelectFieldOptionsItemType<T>>;
+export type SelectFieldValueType<T = unknown> = T;
+export type SelectFieldPaginationType<T = unknown> = (optionsCount: number, searchString?: string) => Promise<SelectFieldOptionsType<T> | undefined>;
+export type SelectFiledSearchOptionsType<T = unknown> = (searchString: string, curOptions: SelectFieldOptionsType) => Promise<SelectFieldOptionsType<T> | undefined>;
+export type SelectFieldPropsType<T = unknown, Multiple extends boolean = true> = FieldsBasePropsType<SelectFieldValueType<Multiple extends true ? Array<T> : T>> & Pick<FlexFieldPropsType, 'placeholder'> & {
+    options?: SelectFieldOptionsType<T>;
+    multiple?: Multiple;
     /**
      * Функция поиска. Передает текущую строку поиска и текущие **options**.
      * Ожидает промис новых **options**, которы будут поставлены на место старых.
      * При возврате ```undefined``` ничего не сделает.
      * */
-    searching?: SelectFiledSearchOptionsType;
-    multiple?: boolean;
-    /**
-     * Опция для синхронизации внешних **options**,
-     * не включайте, если передаете **options** без постоянного указателя.
-     * Синхронизирует внешний массив **options** с внутренним.
-     * */
-    offOptionsSyncing?: boolean;
-    onBlur?: () => void;
-    options?: SelectFieldOptionsType<T>;
-    /**
-     * Автоматическое скрытие **options** при выборе одного из них.
-     * */
-    autoClose?: boolean;
+    searching?: SelectFiledSearchOptionsType<T>;
     /**
      * Функция callback, когда пользователь прокрутил в самый низ окна выбора **Select**.
      * Функция асинхронная, в нее передается количество текущих **options** и
@@ -41,12 +28,5 @@ export type SelectFieldPropsType<T = any> = FieldsBasePropsType<SelectFieldValue
      *
      * !!! Важно: Не используйте вместе с ```offOptionsSyncing === true```.
      * */
-    loadMoreOptions?: SelectFieldLoadMoreOptionsType;
-    /**
-     * Выключает выполнение функции при монтирование компонента.
-     * */
-    offInitLoadMoreOptions?: boolean;
-    /** Элемент **(ReactNode)** в конце окна выбора **Select**. */
-    selectModalWindowAfterElement?: React.ReactNode;
-    onBottomScroll?: () => void;
+    pagination?: SelectFieldPaginationType<T>;
 };

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

@@ -1,3 +1 @@
 export * from './SelectFieldTypes';
-export * from './SelectModalWindowTypes';
-export * from './SelectFieldOptionsItemTypes';

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

@@ -1,2 +1,3 @@
 import { SelectFieldPropsType } from '../types';
-export default function SelectField({ value, onChange, options, placeholder, isError, searching, required, multiple, disabled, offOptionsSyncing, offInitLoadMoreOptions, autoClose, onBlur, selectModalWindowAfterElement, loadMoreOptions, onBottomScroll, ...props }: SelectFieldPropsType): JSX.Element;
+export declare function SelectField<DataType = unknown>(props: SelectFieldPropsType<DataType, true>): JSX.Element;
+export declare function SelectField<DataType = unknown>(props: SelectFieldPropsType<DataType, false>): JSX.Element;

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

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

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

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

package/package.json

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

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

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

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

@@ -1,2 +0,0 @@
-import { SelectFieldValueType, SelectFieldOptionsItemType } from "../types";
-export default function isActiveOption(value: SelectFieldValueType, option: SelectFieldOptionsItemType): boolean;

package/dist/types/src/ui/InputFields/SelectField/types/SelectFieldOptionsItemTypes.d.ts

@@ -1,10 +0,0 @@
-import { SelectFieldOptionsItemType } from './SelectFieldTypes';
-export type SelectFieldOptionsOwnerItemPropsType = {
-    active?: boolean;
-    onClick?: () => void;
-};
-export type SelectFieldOptionsItemPropsType = {
-    option: SelectFieldOptionsItemType;
-    active?: boolean;
-    onClick?: () => void;
-};

package/dist/types/src/ui/InputFields/SelectField/types/SelectModalWindowTypes.d.ts

@@ -1,10 +0,0 @@
-import { SelectFieldOptionsType, SelectFieldValueType } from './SelectFieldTypes';
-import React from "react";
-export type SelectModalWindowPropsType = {
-    value: SelectFieldValueType;
-    onChange: (value: any[]) => void;
-    options: SelectFieldOptionsType;
-    onScrollToBottom?: () => void;
-    afterElement?: React.ReactNode;
-    show?: boolean;
-};

package/dist/types/src/ui/InputFields/SelectField/ui/SelectFieldOptionsItem.d.ts

@@ -1,2 +0,0 @@
-import { SelectFieldOptionsItemPropsType } from "../types";
-export default function SelectFieldOptionsItem({ option, active, onClick }: SelectFieldOptionsItemPropsType): JSX.Element;

package/dist/types/src/ui/InputFields/SelectField/ui/SelectModalWindow.d.ts

@@ -1,2 +0,0 @@
-import { SelectModalWindowPropsType } from "../types";
-export default function SelectModalWindow({ value, onChange, options, onScrollToBottom, afterElement, show, }: SelectModalWindowPropsType): JSX.Element;