@namuna-nur/ui-kit 1.9.19 → 1.9.21
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/lib/atoms/index.js +2 -2
- package/lib/molecules/index.js +1819 -1812
- package/lib/src/molecules/MultiSelect/MultiSelect.types.d.ts +2 -2
- package/lib/src/molecules/SearchInput/SearchInput.d.ts +2 -5
- package/lib/src/molecules/SearchInput/SearchInput.data.d.ts +4 -0
- package/lib/src/molecules/SearchInput/SearchInput.stories.d.ts +1 -0
- package/lib/src/molecules/SearchInput/SearchInput.tokens.d.ts +6 -3
- package/lib/src/molecules/SearchInput/SearchInput.types.d.ts +2 -10
- package/package.json +1 -1
|
@@ -10,7 +10,7 @@ export type MultiSelectRef = {
|
|
|
10
10
|
};
|
|
11
11
|
export type MultiSelectOption = {
|
|
12
12
|
label: string;
|
|
13
|
-
|
|
13
|
+
value: string;
|
|
14
14
|
};
|
|
15
15
|
export type MultiSelectTokens = {
|
|
16
16
|
trigger: string;
|
|
@@ -60,6 +60,6 @@ export type MultiSelectProps = {
|
|
|
60
60
|
};
|
|
61
61
|
};
|
|
62
62
|
export declare const items: {
|
|
63
|
-
|
|
63
|
+
value: string;
|
|
64
64
|
label: string;
|
|
65
65
|
}[];
|
|
@@ -2,18 +2,15 @@ import { FilterItemType } from '..';
|
|
|
2
2
|
export declare const SearchInput: import('react').ForwardRefExoticComponent<import('react').InputHTMLAttributes<HTMLInputElement> & {
|
|
3
3
|
value: string;
|
|
4
4
|
isHasFilter?: boolean;
|
|
5
|
-
filterByStatus?: FilterItemType[];
|
|
6
5
|
filterByModule?: FilterItemType[];
|
|
7
|
-
onFilterClick?: (
|
|
8
|
-
status: FilterItemType[];
|
|
9
|
-
module: FilterItemType[];
|
|
10
|
-
}) => void;
|
|
6
|
+
onFilterClick?: (selectedModule: FilterItemType) => void;
|
|
11
7
|
debounceDelay?: number;
|
|
12
8
|
onDebouncedSearch?: (value: string) => void;
|
|
13
9
|
searchResults?: string[];
|
|
14
10
|
onResultClick?: (result: string) => void;
|
|
15
11
|
isSearchIcon?: boolean;
|
|
16
12
|
isSearchResultDisabled?: boolean;
|
|
13
|
+
isLoading?: boolean;
|
|
17
14
|
classNames?: {
|
|
18
15
|
base?: string;
|
|
19
16
|
input?: string;
|
|
@@ -3,5 +3,6 @@ import { SearchInput, SearchInputStory } from '..';
|
|
|
3
3
|
declare const meta: Meta<typeof SearchInput>;
|
|
4
4
|
export declare const Default: SearchInputStory;
|
|
5
5
|
export declare const Disabled: SearchInputStory;
|
|
6
|
+
export declare const LoadingSearch: SearchInputStory;
|
|
6
7
|
export declare const WithoutFilter: SearchInputStory;
|
|
7
8
|
export default meta;
|
|
@@ -12,9 +12,7 @@ export declare const searchInputTokens: {
|
|
|
12
12
|
};
|
|
13
13
|
dropdown: {
|
|
14
14
|
content: string;
|
|
15
|
-
|
|
16
|
-
wrapperByModule: string;
|
|
17
|
-
title: string;
|
|
15
|
+
wrapperModule: string;
|
|
18
16
|
typeFilter: string;
|
|
19
17
|
};
|
|
20
18
|
popover: {
|
|
@@ -39,4 +37,9 @@ export declare const searchInputTokens: {
|
|
|
39
37
|
wrapper: string;
|
|
40
38
|
text: string;
|
|
41
39
|
};
|
|
40
|
+
options: {
|
|
41
|
+
items: string;
|
|
42
|
+
itemsText: string;
|
|
43
|
+
active: string;
|
|
44
|
+
};
|
|
42
45
|
};
|
|
@@ -5,18 +5,15 @@ export type SearchInputStory = StoryObj<typeof SearchInput>;
|
|
|
5
5
|
export type SearchInputProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
6
6
|
value: string;
|
|
7
7
|
isHasFilter?: boolean;
|
|
8
|
-
filterByStatus?: FilterItemType[];
|
|
9
8
|
filterByModule?: FilterItemType[];
|
|
10
|
-
onFilterClick?: (
|
|
11
|
-
status: FilterItemType[];
|
|
12
|
-
module: FilterItemType[];
|
|
13
|
-
}) => void;
|
|
9
|
+
onFilterClick?: (selectedModule: FilterItemType) => void;
|
|
14
10
|
debounceDelay?: number;
|
|
15
11
|
onDebouncedSearch?: (value: string) => void;
|
|
16
12
|
searchResults?: string[];
|
|
17
13
|
onResultClick?: (result: string) => void;
|
|
18
14
|
isSearchIcon?: boolean;
|
|
19
15
|
isSearchResultDisabled?: boolean;
|
|
16
|
+
isLoading?: boolean;
|
|
20
17
|
classNames?: {
|
|
21
18
|
base?: string;
|
|
22
19
|
input?: string;
|
|
@@ -27,13 +24,8 @@ export type SearchInputProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
|
27
24
|
export type FilterItemType = {
|
|
28
25
|
id: string;
|
|
29
26
|
label: string;
|
|
30
|
-
checked?: boolean;
|
|
31
27
|
};
|
|
32
28
|
export type FilterListProps = {
|
|
33
|
-
type: 'status' | 'module';
|
|
34
29
|
title: string;
|
|
35
30
|
items: FilterItemType[] | undefined;
|
|
36
31
|
};
|
|
37
|
-
export declare const FILTER_BY_STATUS: FilterItemType[];
|
|
38
|
-
export declare const FILTER_BY_MODULE: FilterItemType[];
|
|
39
|
-
export declare const OPTIONS_ITEMS: string[];
|