indicator-ui 1.0.25 → 1.0.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +7 -7
- package/dist/index.js +5539 -5495
- package/dist/types/src/lib/html/getFocusedElement.d.ts +1 -0
- package/dist/types/src/lib/html/index.d.ts +2 -0
- package/dist/types/src/lib/html/isWithinElement.d.ts +1 -0
- package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useComponentProps.d.ts +3 -1
- package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useDropdownIcon.d.ts +4 -2
- package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useFocusEvents.d.ts +2 -1
- package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useInputServices.d.ts +5 -0
- package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useModalServices.d.ts +0 -1
- package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useSelectField.d.ts +5 -2
- package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useWrapperServices.d.ts +5 -0
- package/dist/types/src/ui/formFields/FormPaginatedSelectField/lib/index.d.ts +3 -2
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function getFocusedElement(): Element | null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function isWithinElement(el: HTMLElement | Element, parent: HTMLElement | Element): boolean;
|
|
@@ -4,7 +4,9 @@ import { useModalServices } from './useModalServices';
|
|
|
4
4
|
import { useSearching } from './useSearching';
|
|
5
5
|
import { useOptionsManagement } from './useOptionsManagement';
|
|
6
6
|
import { useValueBuffer } from './useValueBuffer';
|
|
7
|
-
|
|
7
|
+
import { useWrapperServices } from './useWrapperServices';
|
|
8
|
+
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 useWrapperServices>, 'blurWrapper'> & Pick<ReturnType<typeof useValueBuffer<D, M>>, 'bufValueOptions'> & Pick<FieldPropsType<ValueType<D, M>>, 'value' | 'onChange' | 'onUpdate'> & {
|
|
9
|
+
maxCount?: number;
|
|
8
10
|
multiple: M;
|
|
9
11
|
};
|
|
10
12
|
export declare function useComponentProps<D, M extends boolean>(props: PropsType<D, M>): {
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { useModalServices } from './useModalServices';
|
|
2
|
-
|
|
2
|
+
import { useWrapperServices } from './useWrapperServices';
|
|
3
|
+
import { useInputServices } from './useInputServices';
|
|
4
|
+
type PropsType = Pick<ReturnType<typeof useModalServices>, 'getIsShow'> & Pick<ReturnType<typeof useWrapperServices>, 'blurWrapper'> & Pick<ReturnType<typeof useInputServices>, 'focusInput'>;
|
|
3
5
|
export declare function useDropdownIcon(props: PropsType): {
|
|
4
|
-
|
|
6
|
+
onClickChevron: () => void;
|
|
5
7
|
};
|
|
6
8
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { useModalServices } from './useModalServices';
|
|
3
|
-
|
|
3
|
+
import { useWrapperServices } from './useWrapperServices';
|
|
4
|
+
type PropsType = Pick<ReturnType<typeof useModalServices>, 'open' | 'close'> & Pick<ReturnType<typeof useWrapperServices>, 'wrapperRef'> & {
|
|
4
5
|
onBlur?: React.FocusEventHandler<HTMLElement>;
|
|
5
6
|
};
|
|
6
7
|
export declare function useFocusEvents(props: PropsType): {
|
|
@@ -6,6 +6,5 @@ export declare function useModalServices(): {
|
|
|
6
6
|
close: () => void;
|
|
7
7
|
modalStyle: CSSProperties;
|
|
8
8
|
modalRef: import('react').RefObject<HTMLUListElement>;
|
|
9
|
-
inputRef: import('react').RefObject<HTMLInputElement>;
|
|
10
9
|
targetRef: import('react').RefObject<HTMLDivElement>;
|
|
11
10
|
};
|
|
@@ -5,10 +5,12 @@ import { ValueType } from '../types';
|
|
|
5
5
|
import { useOptionsManagement } from './useOptionsManagement';
|
|
6
6
|
import { useSearching } from './useSearching';
|
|
7
7
|
import { usePagination } from './usePagination';
|
|
8
|
+
import { useComponentProps } from './useComponentProps';
|
|
8
9
|
type OptionsManagementProps<D, M extends boolean> = Parameters<typeof useOptionsManagement<D, M>>[number];
|
|
9
10
|
type SearchingProps<D, M extends boolean> = Parameters<typeof useSearching<D, M>>[number];
|
|
10
11
|
type PaginationProps<D, M extends boolean> = Parameters<typeof usePagination<D, M>>[number];
|
|
11
|
-
type
|
|
12
|
+
type ComponentProps<D, M extends boolean> = Parameters<typeof useComponentProps<D, M>>[number];
|
|
13
|
+
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'> & Pick<ComponentProps<D, M>, 'maxCount'> & {
|
|
12
14
|
multiple?: M;
|
|
13
15
|
disabled?: boolean;
|
|
14
16
|
};
|
|
@@ -21,6 +23,7 @@ export declare function useSelectField<D, M extends boolean = false>(props: Prop
|
|
|
21
23
|
onBlur: React.FocusEventHandler<HTMLElement>;
|
|
22
24
|
modalRef: React.RefObject<HTMLUListElement>;
|
|
23
25
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
26
|
+
wrapperRef: React.RefObject<HTMLDivElement>;
|
|
24
27
|
targetRef: React.RefObject<HTMLDivElement>;
|
|
25
28
|
modalStyle: React.CSSProperties;
|
|
26
29
|
isShow: boolean;
|
|
@@ -32,6 +35,6 @@ export declare function useSelectField<D, M extends boolean = false>(props: Prop
|
|
|
32
35
|
userPic?: React.ReactNode;
|
|
33
36
|
help?: React.ReactNode;
|
|
34
37
|
};
|
|
35
|
-
|
|
38
|
+
onClickChevron: () => void;
|
|
36
39
|
};
|
|
37
40
|
export {};
|
|
@@ -4,8 +4,9 @@ export declare function mergeOptions<D>(a: OptionsType<D>, b: OptionsType<D>): O
|
|
|
4
4
|
export declare function getExtendOption<D>(item: OptionsItemType<D>): import('../types').OptionsExtendItemType<D>;
|
|
5
5
|
export declare function getExtendOptions<D>(curOptions: OptionsType<D>, cache?: OptionsType<D>): OptionsExtendType<D>;
|
|
6
6
|
export declare function getExtendValue<D, M extends boolean = false>(curValue: ValueType<D, M> | undefined | null, multiple: M): D[];
|
|
7
|
-
export declare function
|
|
7
|
+
export declare function assertHTMLElement(instance: HTMLElement | Element | null | undefined, errorMessage?: string): asserts instance is HTMLDivElement;
|
|
8
8
|
export declare function hasOptionsItemInValue<D, M extends boolean>(item: OptionsItemType<D>, value: ValueType<D, M> | null | undefined, multiple: M): D | undefined;
|
|
9
|
+
export declare function getUniqOptions<D>(options: OptionsType<D>): import('../types').OptionsExtendItemType<D>[];
|
|
9
10
|
export declare function filterOptionsByValue<D, M extends boolean>(options: OptionsType<D>, value: ValueType<D, M> | null | undefined, multiple: M): import('../types').OptionsExtendItemType<D>[];
|
|
10
11
|
export declare function removeValue<D>(item: D, extendValue: D[]): D[];
|
|
11
|
-
export declare function getResultValue<D, M extends boolean>(extendValue: D[], multiple: M): ValueType<D, M>;
|
|
12
|
+
export declare function getResultValue<D, M extends boolean>(extendValue: D[], multiple: M, maxCount: number | undefined): ValueType<D, M>;
|