indicator-ui 1.0.20 → 1.0.22

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

@@ -5,6 +5,6 @@ type PropsType<T extends HTMLElement> = [
 ];
 export declare function useScroll<T extends HTMLElement = HTMLElement>(...args: PropsType<T>): {
     reinit: () => void;
-    deinit: () => void;
+    destruct: () => void;
 };
 export {};

package/dist/types/src/ui/formFields/FormField/ui/FormFieldBase.d.ts

@@ -13,8 +13,9 @@ type FieldSettingsType = {
     button?: React.ReactNode | string | undefined;
     theme?: "dark" | "light" | undefined;
     className?: string;
+    onBlur?: React.FocusEventHandler;
 };
-type BasePropsType = FieldSettingsType & FieldPropsType<string>;
+type BasePropsType = FieldSettingsType & Omit<FieldPropsType<string>, 'onBlur'>;
 type PropsType = Omit<React.ComponentProps<typeof IMaskInput>, keyof BasePropsType> & BasePropsType & {
     blocks?: IMaskBlockType;
 };

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/index.d.ts

@@ -1 +1 @@
-export * from './useFormPaginatedSelectField';
+export * from './useSelectField';

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useComponentProps.d.ts

@@ -0,0 +1,14 @@
+import { FieldPropsType } from '../../../../hooks';
+import { OptionsExtendItemType, ValueType } from '../types';
+import { useModalServices } from './useModalServices';
+import { useSearching } from './useSearching';
+import { useOptionsManagement } from './useOptionsManagement';
+import { useValueBuffer } from './useValueBuffer';
+type PropsType<D, M extends boolean> = Pick<ReturnType<typeof useModalServices>, 'isShow'> & Pick<ReturnType<typeof useSearching<D, M>>, 'searchString' | 'canSearch'> & Pick<ReturnType<typeof useOptionsManagement<D, M>>, 'options'> & Pick<ReturnType<typeof useValueBuffer<D, M>>, 'bufValueOptions'> & Pick<FieldPropsType<ValueType<D, M>>, 'value' | 'onChange' | 'onUpdate'> & {
+    multiple: M;
+};
+export declare function useComponentProps<D, M extends boolean>(props: PropsType<D, M>): {
+    viewValue: string | null | undefined;
+    onClick: (item: OptionsExtendItemType<D>) => void;
+};
+export {};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useFocusEvents.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { useModalServices } from './useModalServices';
+type PropsType = Pick<ReturnType<typeof useModalServices>, 'open' | 'close'> & {
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+};
+export declare function useFocusEvents(props: PropsType): {
+    onFocus: React.FocusEventHandler<HTMLElement>;
+    onBlur: React.FocusEventHandler<HTMLElement>;
+};
+export {};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useLoaders.d.ts

@@ -0,0 +1,7 @@
+import { useSearching } from './useSearching';
+import { usePagination } from './usePagination';
+type PropsType = Pick<ReturnType<typeof usePagination>, 'isLoadingPaginate'> & Pick<ReturnType<typeof useSearching>, 'isLoadingSearch'>;
+export declare function useLoaders(props: PropsType): {
+    isLoading: boolean;
+};
+export {};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useModalServices.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+export declare function useModalServices(): {
+    isShow: boolean;
+    getIsShow: () => boolean;
+    open: () => void;
+    close: () => void;
+    modalStyle: CSSProperties;
+    modalRef: import('react').RefObject<HTMLUListElement>;
+    inputRef: import('react').RefObject<HTMLDivElement>;
+};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useOptionsManagement.d.ts

@@ -0,0 +1,12 @@
+import { OptionsType } from '../types';
+import { useValueBuffer } from './useValueBuffer';
+type PropsType<D, M extends boolean> = Pick<ReturnType<typeof useValueBuffer<D, M>>, 'getValueOptionsBuffer'> & {
+    options?: OptionsType<D>;
+};
+export declare function useOptionsManagement<D, M extends boolean>(props: PropsType<D, M>): {
+    options: import('../types').OptionsExtendType<D>;
+    curOptions: OptionsType<D>;
+    addOptions: (instance: OptionsType<D>) => void;
+    setOptions: (instance: OptionsType<D>) => void;
+};
+export {};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/usePagination.d.ts

@@ -0,0 +1,11 @@
+import { FetchEventFunType } from '../types';
+import { useOptionsManagement } from './useOptionsManagement';
+import { useSearching } from './useSearching';
+import { useModalServices } from './useModalServices';
+type PropsType<D, M extends boolean> = Pick<ReturnType<typeof useModalServices>, 'modalRef'> & Pick<ReturnType<typeof useOptionsManagement<D, M>>, 'addOptions' | 'setOptions' | 'curOptions'> & Pick<ReturnType<typeof useSearching<D, M>>, 'searchString'> & {
+    paginate?: FetchEventFunType<D>;
+};
+export declare function usePagination<D, M extends boolean>(props: PropsType<D, M>): {
+    isLoadingPaginate: boolean;
+};
+export {};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useSearching.d.ts

@@ -0,0 +1,13 @@
+import { FetchEventFunType } from '../types';
+import { useOptionsManagement } from './useOptionsManagement';
+import { useModalServices } from './useModalServices';
+type PropsType<D, M extends boolean> = Pick<ReturnType<typeof useModalServices>, 'getIsShow'> & Pick<ReturnType<typeof useOptionsManagement<D, M>>, 'setOptions' | 'curOptions'> & {
+    search?: FetchEventFunType<D>;
+};
+export declare function useSearching<D, M extends boolean>(props: PropsType<D, M>): {
+    onChangeSearchString: import('react').Dispatch<import('react').SetStateAction<string | null | undefined>>;
+    canSearch: boolean;
+    searchString: string | null | undefined;
+    isLoadingSearch: boolean;
+};
+export {};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useSelectField.d.ts

@@ -0,0 +1,35 @@
+import { FieldPropsType } from '../../../../hooks';
+import { ValueType } from '../types';
+import { useOptionsManagement } from './useOptionsManagement';
+import { useSearching } from './useSearching';
+import { usePagination } from './usePagination';
+import { default as React } from 'react';
+import { FormField } from '../../..';
+type OptionsManagementProps<D, M extends boolean> = Parameters<typeof useOptionsManagement<D, M>>[number];
+type SearchingProps<D, M extends boolean> = Parameters<typeof useSearching<D, M>>[number];
+type PaginationProps<D, M extends boolean> = Parameters<typeof usePagination<D, M>>[number];
+type PropsType<D, M extends boolean> = Pick<React.ComponentProps<typeof FormField>, 'button' | 'help' | 'textSupport' | 'icon' | 'userPic'> & FieldPropsType<ValueType<D, M>> & Pick<OptionsManagementProps<D, M>, 'options'> & Pick<SearchingProps<D, M>, 'search'> & Pick<PaginationProps<D, M>, 'paginate'> & {
+    multiple?: M;
+    disabled?: boolean;
+};
+export declare function useSelectField<D, M extends boolean = false>(props: PropsType<D, M>): {
+    viewValue: string | null | undefined;
+    onClick: (item: import('../types').OptionsExtendItemType<D>) => void;
+    options: import('../types').OptionsExtendType<D>;
+    onChangeSearchString: React.Dispatch<React.SetStateAction<string | null | undefined>>;
+    onFocus: React.FocusEventHandler<HTMLElement>;
+    onBlur: React.FocusEventHandler<HTMLElement>;
+    modalRef: React.RefObject<HTMLUListElement>;
+    inputRef: React.RefObject<HTMLDivElement>;
+    modalStyle: React.CSSProperties;
+    isShow: boolean;
+    isLoading: boolean;
+    formFieldProps: {
+        button?: React.ReactNode;
+        icon?: React.ReactNode;
+        textSupport?: React.ReactNode;
+        userPic?: React.ReactNode;
+        help?: React.ReactNode;
+    };
+};
+export {};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useValueBuffer.d.ts

@@ -0,0 +1,5 @@
+import { OptionsExtendType, ValueType } from '../types';
+export declare function useValueBuffer<D, M extends boolean>(): {
+    getValueOptionsBuffer: () => OptionsExtendType<D>;
+    bufValueOptions: (newOptions: OptionsExtendType<D>, curValue: ValueType<D, M>, multiple: M) => void;
+};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/lib/index.d.ts

@@ -1,9 +1,11 @@
-import { OptionsExtendItemType, OptionsType, ValueType } from '../types';
-export declare function compValue(a: any, b: any): boolean;
+import { OptionsExtendType, OptionsItemType, OptionsType, ValueType } from '../types';
+export declare function isEqualValues<D>(a: D, b: D): boolean;
 export declare function mergeOptions<D>(a: OptionsType<D>, b: OptionsType<D>): OptionsType<D>;
-export declare function getExtendOptions<D>(curOptions: OptionsType<D>, cache?: OptionsType<D>): OptionsExtendItemType<D>[];
-export declare function getExtendOptionLabel<D>(curOption: OptionsExtendItemType<D>): string | number | true | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode>;
+export declare function getExtendOption<D>(item: OptionsItemType<D>): import('../types').OptionsExtendItemType<D>;
+export declare function getExtendOptions<D>(curOptions: OptionsType<D>, cache?: OptionsType<D>): OptionsExtendType<D>;
 export declare function getExtendValue<D, M extends boolean = false>(curValue: ValueType<D, M> | undefined | null, multiple: M): D[];
-export declare function getValueLabels<D>(curValues: D[], curOptions: OptionsExtendItemType<D>[]): string[];
-export declare function getNewMultipleValue<D, M extends boolean = false>(newData: D, curValue: D[]): ValueType<D, M>;
-export declare function getNewValue<D, M extends boolean = false>(newData: D, _curValue: D): ValueType<D, M>;
+export declare function multipleValueAsserting<D>(value: ValueType<D, boolean>): asserts value is ValueType<D, true>;
+export declare function hasOptionsItemInValue<D, M extends boolean>(item: OptionsItemType<D>, value: ValueType<D, M> | null | undefined, multiple: M): D | undefined;
+export declare function filterOptionsByValue<D, M extends boolean>(options: OptionsType<D>, value: ValueType<D, M> | null | undefined, multiple: M): import('../types').OptionsExtendItemType<D>[];
+export declare function removeValue<D>(item: D, extendValue: D[]): D[];
+export declare function getResultValue<D, M extends boolean>(extendValue: D[], multiple: M): ValueType<D, M>;

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

@@ -1,5 +1,7 @@
 import { DropdownItemPropsType } from '../../..';
 import { default as React } from 'react';
+export type OptionsItemType<D> = OptionsExtendItemType<D> | D;
+export type OptionsType<D> = Array<OptionsItemType<D>>;
 export type FetchEventPropsType<D> = {
     search: string;
     curOptions: OptionsType<D>;
@@ -9,6 +11,5 @@ export type OptionsExtendItemType<D> = DropdownItemPropsType & {
     value: D;
     label?: React.ReactNode;
 };
-export type OptionsItemType<D> = OptionsExtendItemType<D> | D;
-export type OptionsType<D> = Array<OptionsItemType<Exclude<D, null | undefined>>>;
+export type OptionsExtendType<D> = Array<OptionsExtendItemType<D>>;
 export type ValueType<D, M> = M extends true ? Array<D> : D;

package/dist/types/src/ui/formFields/FormPaginatedSelectField/ui/FormPaginatedSelectFieldBase.d.ts

@@ -1,4 +1,4 @@
-import { useFormPaginatedSelectField } from '../hooks';
-type PropsType<D, M extends boolean> = Parameters<typeof useFormPaginatedSelectField<D, M>>[number];
+import { useSelectField } from '../hooks';
+type PropsType<D, M extends boolean> = Parameters<typeof useSelectField<D, M>>[number];
 export declare function FormPaginatedSelectFieldBase<D, M extends boolean = false>(props: PropsType<D, M>): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -11,7 +11,7 @@
     "react-components",
     "ui-kit"
   ],
-  "version": "1.0.20",
+  "version": "1.0.22",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useFetch.d.ts

@@ -1,20 +0,0 @@
-import { default as React } from 'react';
-import { FetchEventFunType, OptionsExtendItemType, OptionsType } from '../types';
-type PropsType<D> = {
-    search?: FetchEventFunType<D>;
-    paginate?: FetchEventFunType<D>;
-    localOptions: OptionsType<D>;
-    setOptions: (opt: OptionsType<D>) => void;
-    addOptions: (opt: OptionsType<D>) => void;
-    listRef: React.RefObject<HTMLDivElement | null>;
-};
-export declare function useFetch<D>(props: PropsType<D>): {
-    optionsCache: React.MutableRefObject<OptionsType<D>>;
-    searchValue: string | null | undefined;
-    fillOptionsCache: (values: D[], curOptions: OptionsExtendItemType<D>[]) => void;
-    handleChangeSearch: (value: string | undefined | null) => void;
-    canSearch: boolean;
-    canPaginate: boolean;
-    isLoading: boolean;
-};
-export {};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useFormPaginatedSelectField.d.ts

@@ -1,318 +0,0 @@
-import { default as React, FocusEvent } from 'react';
-import { FormFieldBase } from '../../..';
-import { FieldPropsType } from '../../../../hooks';
-import { Merge } from '../../../../types';
-import { FetchEventPropsType, OptionsType, ValueType } from '../types';
-type BasePropsType<D, M extends boolean> = FieldPropsType<ValueType<D, M>> & {
-    options?: OptionsType<D>;
-    multiple?: M;
-    disabled?: boolean;
-    placeholder?: string;
-    /** Заменяет `options`, которые есть сейчас */
-    search?: (props: FetchEventPropsType<D>) => Promise<OptionsType<D>>;
-    /** Добавляет `options` к текущим */
-    paginate?: (props: FetchEventPropsType<D>) => Promise<OptionsType<D>>;
-};
-type AdditionProps = React.ComponentProps<'div'> & Pick<React.ComponentProps<typeof FormFieldBase>, 'button' | 'help' | 'icon' | 'userPic' | 'textSupport'>;
-type PropsType<D, M extends boolean = false> = Merge<AdditionProps, BasePropsType<D, M>>;
-export declare function useFormPaginatedSelectField<D, M extends boolean = false>(props: PropsType<D, M>): {
-    handleFocus: (event: FocusEvent<HTMLDivElement>) => void;
-    handleBlur: (event: FocusEvent<HTMLDivElement>) => void;
-    handleClick: (value: D) => void;
-    isActive: (value: D) => boolean;
-    viewValue: string;
-    items: import('../../..').DropdownItemsType<D>;
-    readOnly: boolean;
-    onChangeSearch: (newSearch: string | null | undefined) => void;
-    optionsCache: React.MutableRefObject<OptionsType<D>>;
-    searchValue: string | null | undefined;
-    fillOptionsCache: (values: D[], curOptions: import('../types').OptionsExtendItemType<D>[]) => void;
-    handleChangeSearch: (value: string | undefined | null) => void;
-    canSearch: boolean;
-    canPaginate: boolean;
-    isLoading: boolean;
-    fieldState: "search" | "view";
-    setIsFocus: React.Dispatch<React.SetStateAction<boolean>>;
-    isShow: boolean;
-    getIsShow: () => boolean;
-    open: () => void;
-    close: () => void;
-    switching: () => void;
-    reinit: () => void;
-    getInitStyle: () => React.CSSProperties;
-    modalRef: React.MutableRefObject<HTMLDivElement | null>;
-    targetRef: React.MutableRefObject<HTMLDivElement | null>;
-    otherProps: {
-        ref?: React.LegacyRef<HTMLDivElement> | undefined;
-        button?: React.ReactNode;
-        slot?: string | undefined | undefined;
-        style?: React.CSSProperties | undefined;
-        title?: string | undefined | undefined;
-        children?: React.ReactNode;
-        suppressHydrationWarning?: boolean | undefined | undefined;
-        color?: string | undefined | undefined;
-        id?: string | undefined | undefined;
-        lang?: string | undefined | undefined;
-        role?: React.AriaRole | undefined;
-        tabIndex?: number | undefined | undefined;
-        "aria-activedescendant"?: string | undefined | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-        "aria-braillelabel"?: string | undefined | undefined;
-        "aria-brailleroledescription"?: string | undefined | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-colcount"?: number | undefined | undefined;
-        "aria-colindex"?: number | undefined | undefined;
-        "aria-colindextext"?: string | undefined | undefined;
-        "aria-colspan"?: number | undefined | undefined;
-        "aria-controls"?: string | undefined | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-        "aria-describedby"?: string | undefined | undefined;
-        "aria-description"?: string | undefined | undefined;
-        "aria-details"?: string | undefined | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-        "aria-errormessage"?: string | undefined | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-        "aria-keyshortcuts"?: string | undefined | undefined;
-        "aria-label"?: string | undefined | undefined;
-        "aria-labelledby"?: string | undefined | undefined;
-        "aria-level"?: number | undefined | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-        "aria-owns"?: string | undefined | undefined;
-        "aria-placeholder"?: string | undefined | undefined;
-        "aria-posinset"?: number | undefined | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined | undefined;
-        "aria-rowcount"?: number | undefined | undefined;
-        "aria-rowindex"?: number | undefined | undefined;
-        "aria-rowindextext"?: string | undefined | undefined;
-        "aria-rowspan"?: number | undefined | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-        "aria-valuemax"?: number | undefined | undefined;
-        "aria-valuemin"?: number | undefined | undefined;
-        "aria-valuenow"?: number | undefined | undefined;
-        "aria-valuetext"?: string | undefined | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined | undefined;
-        onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
-        onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onBeforeInput?: React.InputEventHandler<HTMLDivElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
-        onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
-        onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
-        onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
-        onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-        key?: React.Key | null | undefined;
-        defaultChecked?: boolean | undefined | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
-        accessKey?: string | undefined | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-        autoFocus?: boolean | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-        contextMenu?: string | undefined | undefined;
-        dir?: string | undefined | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        hidden?: boolean | undefined | undefined;
-        nonce?: string | undefined | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
-        radioGroup?: string | undefined | undefined;
-        about?: string | undefined | undefined;
-        content?: string | undefined | undefined;
-        datatype?: string | undefined | undefined;
-        inlist?: any;
-        prefix?: string | undefined | undefined;
-        property?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
-        rev?: string | undefined | undefined;
-        typeof?: string | undefined | undefined;
-        vocab?: string | undefined | undefined;
-        autoCorrect?: string | undefined | undefined;
-        autoSave?: string | undefined | undefined;
-        itemProp?: string | undefined | undefined;
-        itemScope?: boolean | undefined | undefined;
-        itemType?: string | undefined | undefined;
-        itemID?: string | undefined | undefined;
-        itemRef?: string | undefined | undefined;
-        results?: number | undefined | undefined;
-        security?: string | undefined | undefined;
-        unselectable?: "on" | "off" | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-        is?: string | undefined | undefined;
-        exportparts?: string | undefined | undefined;
-        part?: string | undefined | undefined;
-        icon?: React.ReactNode;
-        textSupport?: React.ReactNode;
-        userPic?: React.ReactNode;
-        help?: React.ReactNode;
-        error?: import('../../../../hooks').FormErrorType;
-    };
-};
-export {};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useIsLoading.d.ts

@@ -1,5 +0,0 @@
-export declare function useIsLoading(): {
-    isLoading: boolean;
-    startLoading: () => void;
-    stopLoading: () => void;
-};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useLocalOptions.d.ts

@@ -1,10 +0,0 @@
-import { OptionsType } from '../types';
-type PropsType<D> = {
-    options: OptionsType<D>;
-};
-export declare function useLocalOptions<D>(props: PropsType<D>): {
-    localOptions: OptionsType<D>;
-    addOptions: (opt: OptionsType<D>) => void;
-    setOptions: (opt: OptionsType<D>) => void;
-};
-export {};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useSelectFieldState.d.ts

@@ -1,4 +0,0 @@
-export declare function useSelectFieldState(): {
-    fieldState: "search" | "view";
-    setIsFocus: import('react').Dispatch<import('react').SetStateAction<boolean>>;
-};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useSelectModal.d.ts

@@ -1,11 +0,0 @@
-export declare function useSelectModal(): {
-    isShow: boolean;
-    getIsShow: () => boolean;
-    open: () => void;
-    close: () => void;
-    switching: () => void;
-    reinit: () => void;
-    getInitStyle: () => import('react').CSSProperties;
-    modalRef: import('react').MutableRefObject<HTMLDivElement | null>;
-    targetRef: import('react').MutableRefObject<HTMLDivElement | null>;
-};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useSelectValue.d.ts

@@ -1,18 +0,0 @@
-import { FocusEvent } from 'react';
-import { useSelectModal } from './useSelectModal';
-import { useSelectFieldState } from './useSelectFieldState';
-import { useLocalOptions } from './useLocalOptions';
-import { useFetch } from './useFetch';
-import { useFormPaginatedSelectField } from './useFormPaginatedSelectField';
-type PropsType<D, M extends boolean = false> = Pick<Parameters<typeof useFormPaginatedSelectField<D, M>>[number], 'multiple' | 'onFocus' | 'onBlur' | 'onChange' | 'value'> & Pick<ReturnType<typeof useSelectFieldState>, 'fieldState' | 'setIsFocus'> & Pick<ReturnType<typeof useFetch<D>>, 'handleChangeSearch' | 'fillOptionsCache' | 'optionsCache' | 'canSearch' | 'searchValue'> & Pick<ReturnType<typeof useSelectModal>, 'open' | 'close'> & Pick<ReturnType<typeof useLocalOptions<D>>, 'localOptions'>;
-export declare function useSelectValue<D, M extends boolean = false>(props: PropsType<D, M>): {
-    handleFocus: (event: FocusEvent<HTMLDivElement>) => void;
-    handleBlur: (event: FocusEvent<HTMLDivElement>) => void;
-    handleClick: (value: D) => void;
-    isActive: (value: D) => boolean;
-    viewValue: string;
-    items: import('../../..').DropdownItemsType<D>;
-    readOnly: boolean;
-    onChangeSearch: (newSearch: string | null | undefined) => void;
-};
-export {};