@reportportal/ui-kit 0.0.1-alpha.13 → 0.0.1-alpha.130
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/README.md +28 -2
- package/dist/attachedFile.js +9 -0
- package/dist/autocompletes.js +728 -0
- package/dist/baseIconButton-251479f7.js +25 -0
- package/dist/baseIconButton.js +1 -1
- package/dist/breadcrumbs-8e5ca8d7.js +183 -0
- package/dist/breadcrumbs.js +12 -0
- package/dist/bubblesLoader-f3ffa240.js +28 -0
- package/dist/bubblesLoader.js +1 -1
- package/dist/button-97d9e587.js +66 -0
- package/dist/button.js +1 -1
- package/dist/calendarArrow-44c7e60e.js +5 -0
- package/dist/checkbox-ed6cc375.js +73 -0
- package/dist/checkbox.js +1 -1
- package/dist/chevronDownDropdown-66f5b1af.js +7 -0
- package/dist/clear-53660571.js +5 -0
- package/dist/close-4d480ef7.js +5 -0
- package/dist/common/constants/floatingUi.d.ts +8 -0
- package/dist/common/hooks/useOnClickOutside.d.ts +5 -1
- package/dist/common/types.d.ts +4 -0
- package/dist/common/utils/floatingUi.d.ts +3 -0
- package/dist/common/utils/getFileExtension.d.ts +1 -0
- package/dist/common/utils/index.d.ts +3 -0
- package/dist/common/utils/isString.d.ts +1 -0
- package/dist/components/attachedFile/attachedFile.d.ts +14 -0
- package/dist/components/attachedFile/index.d.ts +2 -0
- package/dist/components/autocompletes/common/autocompleteMenu/autocompleteMenu.d.ts +10 -0
- package/dist/components/autocompletes/common/autocompleteMenu/index.d.ts +1 -0
- package/dist/components/autocompletes/common/autocompleteOption/autocompleteOption.d.ts +13 -0
- package/dist/components/autocompletes/common/autocompleteOption/index.d.ts +1 -0
- package/dist/components/autocompletes/common/autocompleteOptions.d.ts +19 -0
- package/dist/components/autocompletes/common/autocompletePrompt/autocompletePrompt.d.ts +7 -0
- package/dist/components/autocompletes/common/autocompletePrompt/index.d.ts +1 -0
- package/dist/components/autocompletes/common/index.d.ts +19 -0
- package/dist/components/autocompletes/constants.d.ts +2 -0
- package/dist/components/autocompletes/index.d.ts +3 -0
- package/dist/components/autocompletes/multipleAutocomplete/index.d.ts +17 -0
- package/dist/components/autocompletes/multipleAutocomplete/multipleAutocomplete.d.ts +49 -0
- package/dist/components/autocompletes/multipleAutocomplete/multipleDownshift.d.ts +25 -0
- package/dist/components/autocompletes/multipleAutocomplete/selectedItems/index.d.ts +1 -0
- package/dist/components/autocompletes/multipleAutocomplete/selectedItems/selectedItems.d.ts +35 -0
- package/dist/components/autocompletes/singleAutocomplete/index.d.ts +1 -0
- package/dist/components/autocompletes/singleAutocomplete/singleAutocomplete.d.ts +42 -0
- package/dist/components/autocompletes/types.d.ts +8 -0
- package/dist/components/autocompletes/utils.d.ts +5 -0
- package/dist/components/{icons/baseIconButton → baseIconButton}/baseIconButton.d.ts +1 -0
- package/dist/components/{icons/baseIconButton → baseIconButton}/index.d.ts +1 -0
- package/dist/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +10 -0
- package/dist/components/breadcrumbs/breadcrumb/index.d.ts +1 -0
- package/dist/components/breadcrumbs/breadcrumbs.d.ts +3 -0
- package/dist/components/breadcrumbs/breadcrumbsProvider/breadcrumbsProvider.d.ts +13 -0
- package/dist/components/breadcrumbs/breadcrumbsProvider/hooks.d.ts +3 -0
- package/dist/components/breadcrumbs/breadcrumbsProvider/index.d.ts +1 -0
- package/dist/components/breadcrumbs/hiddenBreadcrumbs/hiddenBreadcrumbs.d.ts +6 -0
- package/dist/components/breadcrumbs/hiddenBreadcrumbs/index.d.ts +2 -0
- package/dist/components/breadcrumbs/index.d.ts +5 -0
- package/dist/components/breadcrumbs/tree/index.d.ts +1 -0
- package/dist/components/breadcrumbs/tree/tree.d.ts +7 -0
- package/dist/components/breadcrumbs/types.d.ts +24 -0
- package/dist/components/bubblesLoader/bubblesLoader.d.ts +2 -0
- package/dist/components/bubblesLoader/index.d.ts +1 -0
- package/dist/components/button/button.d.ts +5 -4
- package/dist/components/button/index.d.ts +1 -0
- package/dist/components/checkbox/checkbox.d.ts +2 -1
- package/dist/components/checkbox/index.d.ts +1 -0
- package/dist/components/datePicker/datePicker.d.ts +25 -0
- package/dist/components/datePicker/header/datePickerHeader.d.ts +16 -0
- package/dist/components/datePicker/header/index.d.ts +4 -0
- package/dist/components/datePicker/index.d.ts +5 -0
- package/dist/components/datePicker/utils.d.ts +4 -0
- package/dist/components/dropdown/constants.d.ts +3 -0
- package/dist/components/dropdown/dropdown.d.ts +36 -4
- package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts +1 -0
- package/dist/components/dropdown/dropdownOption/index.d.ts +1 -0
- package/dist/components/dropdown/index.d.ts +2 -0
- package/dist/components/dropdown/types.d.ts +11 -0
- package/dist/components/dropdown/utils.d.ts +6 -2
- package/dist/components/fieldLabel/fieldLabel.d.ts +7 -0
- package/dist/components/fieldLabel/index.d.ts +1 -0
- package/dist/components/fieldNumber/constants.d.ts +1 -0
- package/dist/components/fieldNumber/fieldNumber.d.ts +3 -3
- package/dist/components/fieldNumber/index.d.ts +1 -0
- package/dist/components/fieldText/fieldText.d.ts +12 -4
- package/dist/components/fieldText/index.d.ts +1 -0
- package/dist/components/fieldTextFlex/fieldTextFlex.d.ts +5 -2
- package/dist/components/fieldTextFlex/index.d.ts +1 -0
- package/dist/components/fileDropArea/attachedFilesList/attachedFilesList.d.ts +21 -0
- package/dist/components/fileDropArea/attachedFilesList/index.d.ts +5 -0
- package/dist/components/fileDropArea/browseButton/browseButton.d.ts +9 -0
- package/dist/components/fileDropArea/browseButton/index.d.ts +4 -0
- package/dist/components/fileDropArea/constants.d.ts +2 -0
- package/dist/components/fileDropArea/dropZone/dropZone.d.ts +10 -0
- package/dist/components/fileDropArea/dropZone/index.d.ts +4 -0
- package/dist/components/fileDropArea/errorMessage/errorMessage.d.ts +5 -0
- package/dist/components/fileDropArea/errorMessage/index.d.ts +4 -0
- package/dist/components/fileDropArea/fileDropArea.d.ts +19 -0
- package/dist/components/fileDropArea/fileDropAreaProvider/fileDropAreaProvider.d.ts +17 -0
- package/dist/components/fileDropArea/fileDropAreaProvider/index.d.ts +1 -0
- package/dist/components/fileDropArea/fileDropAreaProvider/useFileDropAreaContext.d.ts +3 -0
- package/dist/components/fileDropArea/hooks/index.d.ts +1 -0
- package/dist/components/fileDropArea/hooks/useFileDropArea.d.ts +13 -0
- package/dist/components/fileDropArea/hooks/useFileProcessing.d.ts +13 -0
- package/dist/components/fileDropArea/hooks/useOverlayDropArea.d.ts +22 -0
- package/dist/components/fileDropArea/index.d.ts +6 -0
- package/dist/components/fileDropArea/types.d.ts +58 -0
- package/dist/components/fileDropArea/utils/getValidationErrorMessage.d.ts +3 -0
- package/dist/components/fileDropArea/utils/index.d.ts +2 -0
- package/dist/components/fileDropArea/utils/validateFile.d.ts +3 -0
- package/dist/components/filtersButton/filtersButton.d.ts +9 -0
- package/dist/components/filtersButton/index.d.ts +2 -0
- package/dist/components/icons/index.d.ts +63 -7
- package/dist/components/index.d.ts +22 -9
- package/dist/components/maxValueDisplay/index.d.ts +4 -0
- package/dist/components/maxValueDisplay/maxValueDisplay.d.ts +8 -0
- package/dist/components/maxValueDisplay/utils/index.d.ts +1 -0
- package/dist/components/maxValueDisplay/utils/isPositiveInteger.d.ts +1 -0
- package/dist/components/modal/index.d.ts +1 -0
- package/dist/components/modal/modal.d.ts +7 -3
- package/dist/components/modal/modalContent/modalContent.d.ts +2 -0
- package/dist/components/modal/modalFooter/modalFooter.d.ts +3 -1
- package/dist/components/modal/modalHeader/modalHeader.d.ts +2 -1
- package/dist/components/modal/types.d.ts +6 -0
- package/dist/components/pagination/index.d.ts +1 -0
- package/dist/components/pagination/itemsCounter/itemCounter.d.ts +1 -0
- package/dist/components/pagination/pageControls/activePage/activePage.d.ts +1 -0
- package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageControls.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts +1 -0
- package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts +1 -0
- package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts +1 -0
- package/dist/components/pagination/pagination.d.ts +1 -0
- package/dist/components/popover/index.d.ts +4 -1
- package/dist/components/popover/popover.d.ts +3 -2
- package/dist/components/radio/index.d.ts +1 -0
- package/dist/components/radio/radio.d.ts +1 -0
- package/dist/components/radio/radioGroup.d.ts +1 -0
- package/dist/components/selection/index.d.ts +5 -0
- package/dist/components/selection/selection.d.ts +12 -0
- package/dist/components/selection/types.d.ts +1 -0
- package/dist/components/sidePanel/index.d.ts +2 -0
- package/dist/components/sidePanel/sidePanel.d.ts +17 -0
- package/dist/components/spinLoader/index.d.ts +4 -0
- package/dist/components/spinLoader/spinLoader.d.ts +8 -0
- package/dist/components/systemAlert/index.d.ts +1 -0
- package/dist/components/systemAlert/systemAlert.d.ts +4 -0
- package/dist/components/systemAlert/types.d.ts +22 -0
- package/dist/components/systemMessage/index.d.ts +1 -0
- package/dist/components/systemMessage/systemMessage.d.ts +1 -0
- package/dist/components/table/constants.d.ts +5 -0
- package/dist/components/table/hooks/index.d.ts +4 -0
- package/dist/components/table/hooks/useColumnWidths.d.ts +8 -0
- package/dist/components/table/hooks/useTableColumns.d.ts +13 -0
- package/dist/components/table/hooks/useTableExpansion.d.ts +15 -0
- package/dist/components/table/hooks/useTableHover.d.ts +10 -0
- package/dist/components/table/index.d.ts +2 -0
- package/dist/components/table/table.d.ts +1 -0
- package/dist/components/table/types.d.ts +25 -9
- package/dist/components/table/utils.d.ts +10 -1
- package/dist/components/themeProvider/index.d.ts +1 -0
- package/dist/components/themeProvider/themeProvider.d.ts +1 -0
- package/dist/components/toggle/index.d.ts +1 -0
- package/dist/components/toggle/toggle.d.ts +1 -0
- package/dist/components/tooltip/tooltip.d.ts +12 -2
- package/dist/datePicker-5b3b45b6.js +194 -0
- package/dist/datePicker.js +31 -0
- package/dist/dropdown-0260bb66.js +5 -0
- package/dist/dropdown-360803d5.js +550 -0
- package/dist/dropdown.js +12 -3
- package/dist/fieldLabel.js +18 -0
- package/dist/fieldNumber-d1b5a7a1.js +140 -0
- package/dist/fieldNumber.js +5 -2
- package/dist/fieldText-1749da7a.js +167 -0
- package/dist/fieldText.js +7 -2
- package/dist/fieldTextFlex-2f51c173.js +80 -0
- package/dist/fieldTextFlex.js +3 -1
- package/dist/fileDropArea.js +325 -0
- package/dist/filterOutline-819b4b0d.js +6 -0
- package/dist/filtersButton.js +25 -0
- package/dist/floatingUi-41f8c7b5.js +29 -0
- package/dist/fonts/OpenSans/OpenSans-Bold.ttf +0 -0
- package/dist/fonts/OpenSans/OpenSans-Medium.ttf +0 -0
- package/dist/icons.js +85 -0
- package/dist/index-1a874a8b.js +110 -0
- package/dist/index.js +149 -50
- package/dist/isEmpty-ccacb5ff.js +38 -0
- package/dist/maxValueDisplay-9be01a75.js +13 -0
- package/dist/maxValueDisplay.js +6 -0
- package/dist/minus-2857540f.js +5 -0
- package/dist/modal.js +188 -14
- package/dist/openEye-950159cb.js +6 -0
- package/dist/pagination-a3dee614.js +347 -0
- package/dist/pagination.js +12 -5
- package/dist/plus-199fb2a8.js +5 -0
- package/dist/popover.js +58 -73
- package/dist/prevPage-87faf576.js +6 -0
- package/dist/radio-62546efa.js +76 -0
- package/dist/radio.js +1 -1
- package/dist/selection-9124d029.js +38 -0
- package/dist/selection.js +10 -0
- package/dist/sidePanel.js +88 -0
- package/dist/spinLoader-c4a53718.js +11 -0
- package/dist/spinLoader.js +7 -0
- package/dist/style.css +1 -1
- package/dist/success-8fd8bd2c.js +7 -0
- package/dist/systemAlert.js +69 -0
- package/dist/systemMessage-924fdaa6.js +30 -0
- package/dist/systemMessage.js +1 -1
- package/dist/table-8e223d5d.js +485 -0
- package/dist/table.js +3 -3
- package/dist/toggle-304107fa.js +59 -0
- package/dist/toggle.js +1 -1
- package/dist/tooltip.js +89 -56
- package/dist/tree-c3dd3d45.js +6 -0
- package/dist/xls-995781cc.js +11 -0
- package/package.json +47 -16
- package/dist/baseIconButton-7bc53dec.js +0 -25
- package/dist/bubblesLoader-a7e709d4.js +0 -17
- package/dist/button-7fb84fde.js +0 -62
- package/dist/checkbox-6777be17.js +0 -73
- package/dist/dropdown-e07f2a71.js +0 -212
- package/dist/fieldNumber-46fe79b9.js +0 -127
- package/dist/fieldText-d80b29ba.js +0 -102
- package/dist/fieldTextFlex-5bddf46a.js +0 -67
- package/dist/index-bb9b62ef.js +0 -131
- package/dist/pagination-5449cd03.js +0 -346
- package/dist/radio-fd49a09c.js +0 -76
- package/dist/systemMessage-1ced6079.js +0 -30
- package/dist/table-83e050dc.js +0 -147
- package/dist/toggle-707ecb74.js +0 -67
- package/dist/useOnClickOutside-c332f7d3.js +0 -16
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { ComponentProps, ReactNode } from 'react';
|
|
2
|
+
import { ControllerStateAndHelpers } from 'downshift';
|
|
3
|
+
import { default as FieldText } from '../../fieldText';
|
|
4
|
+
import { AutocompleteMenu } from '../common/autocompleteMenu';
|
|
5
|
+
import { DownshiftStore, MultipleDownshiftProps } from './multipleDownshift';
|
|
6
|
+
import { GetItemPropsT } from '../types';
|
|
7
|
+
|
|
8
|
+
export interface MultipleAutocompleteProps<T> {
|
|
9
|
+
options: T[];
|
|
10
|
+
loading: boolean;
|
|
11
|
+
onStateChange: MultipleDownshiftProps<T>['onStateChange'];
|
|
12
|
+
value: T[];
|
|
13
|
+
placeholder: string;
|
|
14
|
+
error: string | boolean;
|
|
15
|
+
touched: boolean;
|
|
16
|
+
creatable: boolean;
|
|
17
|
+
editable: boolean;
|
|
18
|
+
renderOption?: (value: T, index: number, isNew: boolean, getItemProps: GetItemPropsT<T>) => ReactNode;
|
|
19
|
+
onChange: (selectedItems: T | T[] | null, downshift: ControllerStateAndHelpers<T> | null) => void;
|
|
20
|
+
onFocus: () => void;
|
|
21
|
+
onBlur: () => void;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
mobileDisabled: boolean;
|
|
24
|
+
inputProps: ComponentProps<typeof FieldText>;
|
|
25
|
+
parseValueToString: (value: T | null) => string;
|
|
26
|
+
minLength?: number | null;
|
|
27
|
+
maxLength?: number | null;
|
|
28
|
+
async?: boolean;
|
|
29
|
+
customClass: string;
|
|
30
|
+
createWithoutConfirmation: boolean;
|
|
31
|
+
getItemValidationErrorType?: (item: T) => string;
|
|
32
|
+
clearItemsError: () => void;
|
|
33
|
+
isDropdownMode?: boolean;
|
|
34
|
+
getAdditionalCreationCondition: (value: string) => boolean;
|
|
35
|
+
highlightUnStoredItem: boolean;
|
|
36
|
+
parseInputValueFn: ((value: string) => T[]) | null;
|
|
37
|
+
handleUnStoredItemCb: ((newSelectedItems: DownshiftStore<T>, prevSelectedItems: DownshiftStore<T>) => void) | null;
|
|
38
|
+
dataAutomationId?: string;
|
|
39
|
+
existingItemsMap: Record<string | number, boolean>;
|
|
40
|
+
optionVariant: ComponentProps<typeof AutocompleteMenu>['optionVariant'];
|
|
41
|
+
customizeNewSelectedValue: (value: T) => T;
|
|
42
|
+
renderCustomSelectedItem?: (item: T) => ReactNode;
|
|
43
|
+
getUniqKey?: (item: T) => string;
|
|
44
|
+
customEmptyListMessage?: string;
|
|
45
|
+
customNoMatchesMessage?: string;
|
|
46
|
+
useFixedPositioning?: boolean;
|
|
47
|
+
newItemButtonText?: string;
|
|
48
|
+
}
|
|
49
|
+
export declare const MultipleAutocomplete: <T>(componentsProps: MultipleAutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ControllerStateAndHelpers, DownshiftProps } from 'downshift';
|
|
2
|
+
|
|
3
|
+
export type DownshiftStore<T> = {
|
|
4
|
+
[key: string]: boolean;
|
|
5
|
+
} | T[];
|
|
6
|
+
export interface MultipleDownshiftProps<T> extends Partial<DownshiftProps<T>> {
|
|
7
|
+
options: T[];
|
|
8
|
+
selectedItems: T[];
|
|
9
|
+
handleUnStoredItemCb: ((newSelectedItems: DownshiftStore<T>, prevSelectedItems: DownshiftStore<T>) => void) | null;
|
|
10
|
+
existingItemsMap: {
|
|
11
|
+
[key: string]: boolean;
|
|
12
|
+
};
|
|
13
|
+
customizeNewSelectedValue: (value: T) => T;
|
|
14
|
+
getOptionUniqKey?: (option: T) => keyof T;
|
|
15
|
+
getOptionUniqKeyValue?: (option: T) => string;
|
|
16
|
+
onChange: (selectedItems: T | T[] | null, downshift: ControllerStateAndHelpers<T> | null) => void;
|
|
17
|
+
}
|
|
18
|
+
export type GetStateAndHelpersT<T> = ControllerStateAndHelpers<T> & {
|
|
19
|
+
removeItem: (removedItem: T, downshift: ControllerStateAndHelpers<T> | null) => void;
|
|
20
|
+
editItem: (oldItem: T, newValue: string) => void;
|
|
21
|
+
handleChange: MultipleDownshiftProps<T>['onChange'];
|
|
22
|
+
getOptionUniqKeyValue?: (option: T) => string;
|
|
23
|
+
storedItemsMap: MultipleDownshiftProps<T>['existingItemsMap'];
|
|
24
|
+
};
|
|
25
|
+
export declare const MultipleDownshift: <T>({ options, onChange, selectedItems, handleUnStoredItemCb, existingItemsMap, children, customizeNewSelectedValue, getOptionUniqKey, getOptionUniqKeyValue, ...props }: MultipleDownshiftProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SelectedItems } from './selectedItems';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
type VariantType = 'light' | 'dark';
|
|
4
|
+
interface SelectedItemProps<T> {
|
|
5
|
+
item: T;
|
|
6
|
+
onRemoveItem: (item: T) => void;
|
|
7
|
+
parseValueToString?: (value: T) => string;
|
|
8
|
+
editItem: (oldItem: T, newValue: string) => void;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
mobileDisabled?: boolean;
|
|
11
|
+
error?: string | boolean;
|
|
12
|
+
editable?: boolean;
|
|
13
|
+
getAdditionalCreationCondition?: (value: string) => boolean;
|
|
14
|
+
storedOption?: boolean;
|
|
15
|
+
highlightUnStoredItem?: boolean;
|
|
16
|
+
variant?: VariantType;
|
|
17
|
+
getItemName?: (item: T) => string;
|
|
18
|
+
changeItemHandler?: (item: T, value: string) => T;
|
|
19
|
+
}
|
|
20
|
+
type SelectedItemsProps<T> = Omit<SelectedItemProps<T>, 'item' | 'editItem'> & {
|
|
21
|
+
items?: T[];
|
|
22
|
+
onRemoveItem?: (item: T) => void;
|
|
23
|
+
parseValueToString: (value: T | null) => string;
|
|
24
|
+
editItem: (oldItem: T, newValue: string) => void;
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
mobileDisabled?: boolean;
|
|
27
|
+
storedItemsMap?: Record<string, boolean>;
|
|
28
|
+
highlightUnStoredItem?: boolean;
|
|
29
|
+
editable?: boolean;
|
|
30
|
+
variant?: VariantType;
|
|
31
|
+
getItemValidationErrorType?: ((item: T) => string) | null;
|
|
32
|
+
renderCustomSelectedItem?: (item: T) => ReactNode;
|
|
33
|
+
};
|
|
34
|
+
export declare const SelectedItems: <T>({ items, parseValueToString, getItemValidationErrorType, storedItemsMap, highlightUnStoredItem, renderCustomSelectedItem, ...props }: SelectedItemsProps<T>) => (string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined)[];
|
|
35
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SingleAutocomplete } from './singleAutocomplete';
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { ComponentProps, FocusEvent, ReactNode, Ref } from 'react';
|
|
2
|
+
import { default as Downshift, DownshiftState, StateChangeOptions } from 'downshift';
|
|
3
|
+
import { default as FieldText } from '../../fieldText';
|
|
4
|
+
import { AutocompleteMenu } from '../common/autocompleteMenu';
|
|
5
|
+
import { GetItemPropsT } from '../types';
|
|
6
|
+
|
|
7
|
+
export interface SingleAutocompleteProps<T> {
|
|
8
|
+
options: T[];
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
onStateChange: ComponentProps<typeof Downshift<T>>['onStateChange'];
|
|
11
|
+
value: T | null;
|
|
12
|
+
placeholder: string;
|
|
13
|
+
onChange: ComponentProps<typeof Downshift<T>>['onChange'];
|
|
14
|
+
onFocus: () => void;
|
|
15
|
+
onBlur: (e: FocusEvent<HTMLInputElement>) => void;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
inputProps?: ComponentProps<typeof FieldText>;
|
|
18
|
+
parseValueToString: (value: T | null) => string;
|
|
19
|
+
renderOption?: (value: T, index: number, isNew: boolean, getItemProps: GetItemPropsT<T>) => ReactNode;
|
|
20
|
+
minLength?: number;
|
|
21
|
+
maxLength?: number | null;
|
|
22
|
+
async?: boolean;
|
|
23
|
+
optionVariant?: ComponentProps<typeof AutocompleteMenu>['optionVariant'];
|
|
24
|
+
isRequired?: boolean;
|
|
25
|
+
error: string;
|
|
26
|
+
touched?: boolean;
|
|
27
|
+
setTouch?: (value: boolean) => void;
|
|
28
|
+
createWithoutConfirmation: boolean;
|
|
29
|
+
menuClassName?: string;
|
|
30
|
+
icon?: ReactNode;
|
|
31
|
+
isDropdownMode?: boolean;
|
|
32
|
+
skipOptionCreation?: boolean;
|
|
33
|
+
isOptionUnique?: (value: boolean | null) => void;
|
|
34
|
+
refFunction?: Ref<HTMLInputElement>;
|
|
35
|
+
stateReducer?: (state: DownshiftState<T>, changes: StateChangeOptions<T>) => Partial<StateChangeOptions<T>>;
|
|
36
|
+
useFixedPositioning: boolean;
|
|
37
|
+
getUniqKey?: (item: T) => string;
|
|
38
|
+
customEmptyListMessage?: string;
|
|
39
|
+
customNoMatchesMessage?: string;
|
|
40
|
+
newItemButtonText?: string;
|
|
41
|
+
}
|
|
42
|
+
export declare const SingleAutocomplete: <T>(componentProps: SingleAutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { GetItemPropsOptions } from 'downshift';
|
|
2
|
+
|
|
3
|
+
export type GetOptionUniqKeyT<T> = (value: T) => keyof T;
|
|
4
|
+
export interface AdditionalDownshiftFields {
|
|
5
|
+
isActive?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export type OptionVariant = 'light' | 'dark' | string;
|
|
8
|
+
export type GetItemPropsT<T> = (args: GetItemPropsOptions<T> & AdditionalDownshiftFields) => GetItemPropsOptions<T> & AdditionalDownshiftFields;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { GetOptionUniqKeyT } from './types';
|
|
2
|
+
|
|
3
|
+
export declare const getUniqKey: <T>(option: T, getOptionUniqKey?: GetOptionUniqKeyT<T>) => string;
|
|
4
|
+
export declare const isEqual: <T>(option: T, item: T) => boolean;
|
|
5
|
+
export declare const compareOptionWithItem: <T>(option: T, item: T, getUniqKeyCb?: GetOptionUniqKeyT<T>) => boolean;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { BreadcrumbDescriptor } from '../types';
|
|
2
|
+
|
|
3
|
+
interface BreadcrumbProps {
|
|
4
|
+
descriptor: BreadcrumbDescriptor;
|
|
5
|
+
titleTailNumChars?: number;
|
|
6
|
+
isClickable?: boolean;
|
|
7
|
+
variant?: 'default' | 'dark';
|
|
8
|
+
}
|
|
9
|
+
export declare const Breadcrumb: React.FC<BreadcrumbProps>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Breadcrumb } from './breadcrumb';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { LinkComponentType } from '../types';
|
|
3
|
+
|
|
4
|
+
export interface BreadcrumbsContextValue {
|
|
5
|
+
LinkComponent?: LinkComponentType;
|
|
6
|
+
}
|
|
7
|
+
export declare const BreadcrumbsContext: import('react').Context<BreadcrumbsContextValue | undefined>;
|
|
8
|
+
interface BreadcrumbsProviderProps {
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
LinkComponent?: LinkComponentType;
|
|
11
|
+
}
|
|
12
|
+
export declare const BreadcrumbsProvider: ({ children, LinkComponent }: BreadcrumbsProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { BreadcrumbsProvider } from './breadcrumbsProvider';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Tree } from './tree';
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface BreadcrumbDescriptor {
|
|
4
|
+
title: string | ReactNode;
|
|
5
|
+
link?: object | string;
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
}
|
|
8
|
+
export interface TreeDescriptor extends BreadcrumbDescriptor {
|
|
9
|
+
link: object | string;
|
|
10
|
+
children?: TreeDescriptor[];
|
|
11
|
+
}
|
|
12
|
+
export type LinkComponentType = React.ComponentType<{
|
|
13
|
+
to: object | string;
|
|
14
|
+
className?: string;
|
|
15
|
+
onClick?: () => void;
|
|
16
|
+
children: React.ReactNode;
|
|
17
|
+
}>;
|
|
18
|
+
export interface BreadcrumbsProps {
|
|
19
|
+
descriptors: BreadcrumbDescriptor[];
|
|
20
|
+
LinkComponent?: LinkComponentType;
|
|
21
|
+
tree?: TreeDescriptor[];
|
|
22
|
+
dataAutomationId?: string;
|
|
23
|
+
isBackButton?: boolean;
|
|
24
|
+
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode, ComponentPropsWithRef, MouseEventHandler } from 'react';
|
|
2
|
+
|
|
2
3
|
type IconPlace = 'start' | 'end';
|
|
3
|
-
type ButtonVariant = 'primary' | 'ghost' | 'danger' | 'text';
|
|
4
|
-
type ButtonWidth = 'content' | 'wide-content' | 'parent';
|
|
4
|
+
type ButtonVariant = 'primary' | 'ghost' | 'danger' | 'text' | 'ghost-danger' | 'text-danger';
|
|
5
|
+
type ButtonWidth = 'content' | 'wide-content' | 'parent' | 'min-width';
|
|
5
6
|
export interface ButtonProps extends ComponentPropsWithRef<'button'> {
|
|
6
7
|
children?: ReactNode;
|
|
7
8
|
icon?: ReactNode;
|
|
@@ -14,5 +15,5 @@ export interface ButtonProps extends ComponentPropsWithRef<'button'> {
|
|
|
14
15
|
className?: string;
|
|
15
16
|
variant?: ButtonVariant;
|
|
16
17
|
}
|
|
17
|
-
export declare const Button:
|
|
18
|
+
export declare const Button: (props: ButtonProps & import('react').RefAttributes<HTMLButtonElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;
|
|
18
19
|
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { FC, ReactNode, ReactElement } from 'react';
|
|
2
|
+
|
|
3
|
+
interface DatePickerProps {
|
|
4
|
+
onChange?: (date: Date | any) => void;
|
|
5
|
+
onBlur?: () => void;
|
|
6
|
+
onFocus?: () => void;
|
|
7
|
+
headerNodes?: ReactNode;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
shouldCloseOnSelect?: boolean;
|
|
10
|
+
fixedHeight?: boolean;
|
|
11
|
+
startDate?: Date | undefined;
|
|
12
|
+
endDate?: Date | undefined;
|
|
13
|
+
customClassName?: string;
|
|
14
|
+
popperClassName?: string;
|
|
15
|
+
calendarClassName?: string;
|
|
16
|
+
customTimeInput?: ReactElement;
|
|
17
|
+
language?: string;
|
|
18
|
+
yearsOptions?: number[];
|
|
19
|
+
placeholder?: string;
|
|
20
|
+
dateFormat?: string;
|
|
21
|
+
selects?: 'start' | 'end' | 'none';
|
|
22
|
+
value?: Date | null;
|
|
23
|
+
}
|
|
24
|
+
export declare const DatePicker: FC<DatePickerProps>;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface DatePickerHeaderProps {
|
|
4
|
+
changeYear: (year: number) => void;
|
|
5
|
+
changeMonth: (month: number) => void;
|
|
6
|
+
decreaseMonth: () => void;
|
|
7
|
+
increaseMonth: () => void;
|
|
8
|
+
headerNodes: ReactNode;
|
|
9
|
+
date: Date;
|
|
10
|
+
prevMonthButtonDisabled: boolean;
|
|
11
|
+
nextMonthButtonDisabled: boolean;
|
|
12
|
+
customClassName: string;
|
|
13
|
+
yearsOptions: number[];
|
|
14
|
+
locale: string;
|
|
15
|
+
}
|
|
16
|
+
export declare const DatePickerHeader: FC<DatePickerHeaderProps>;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { KeyCodes } from '../../common/constants/keyCodes';
|
|
2
|
+
|
|
2
3
|
export declare const OPEN_DROPDOWN_KEY_CODES: KeyCodes[];
|
|
3
4
|
export declare const CLOSE_DROPDOWN_KEY_CODES: KeyCodes[];
|
|
4
5
|
export declare enum EventName {
|
|
5
6
|
ON_KEY_DOWN = "onKeyDown",
|
|
6
7
|
ON_CLICK = "onClick"
|
|
7
8
|
}
|
|
9
|
+
export declare const SCROLLBARS_AUTO_HEIGHT_MAX = 216;
|
|
10
|
+
export declare const DROPDOWN_PORTAL_MENU_ATTR = "data-dropdown-portal-menu";
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { ReactNode, FC } from 'react';
|
|
2
2
|
import { DropdownVariant, RenderDropdownOption, DropdownOptionType, DropdownValue } from './types';
|
|
3
|
-
|
|
3
|
+
|
|
4
|
+
export interface DropdownProps {
|
|
4
5
|
options: DropdownOptionType[];
|
|
5
|
-
value: DropdownValue;
|
|
6
|
+
value: DropdownValue | DropdownValue[];
|
|
6
7
|
disabled?: boolean;
|
|
7
8
|
error?: string;
|
|
8
9
|
mobileDisabled?: boolean;
|
|
@@ -14,10 +15,41 @@ interface DropdownProps {
|
|
|
14
15
|
transparentBackground?: boolean;
|
|
15
16
|
className?: string;
|
|
16
17
|
toggleButtonClassName?: string;
|
|
17
|
-
|
|
18
|
+
selectListClassName?: string;
|
|
19
|
+
label?: ReactNode;
|
|
20
|
+
onChange: (value: DropdownValue | DropdownValue[]) => void;
|
|
18
21
|
onFocus?: () => void;
|
|
19
22
|
onBlur?: () => void;
|
|
20
23
|
renderOption?: RenderDropdownOption;
|
|
24
|
+
isListWidthLimited?: boolean;
|
|
25
|
+
multiSelect?: boolean;
|
|
26
|
+
optionAll?: DropdownOptionType;
|
|
27
|
+
isOptionAllVisible?: boolean;
|
|
28
|
+
onSelectAll?: () => void;
|
|
29
|
+
formatDisplayedValue?: (value: string | undefined) => string;
|
|
30
|
+
notScrollable?: boolean;
|
|
31
|
+
footer?: ReactNode | ((closeHandler: () => void) => ReactNode);
|
|
32
|
+
/**
|
|
33
|
+
* For nested options: whether to include parent group values in the onChange callback
|
|
34
|
+
* when all children are selected. Default: false (only leaf values are included)
|
|
35
|
+
*/
|
|
36
|
+
includeGroupValue?: boolean;
|
|
37
|
+
/** Whether to show a clear button to reset the selection */
|
|
38
|
+
clearable?: boolean;
|
|
39
|
+
/** Callback fired when the clear button is clicked */
|
|
40
|
+
onClear?: () => void;
|
|
41
|
+
/** ARIA label for the clear button */
|
|
42
|
+
clearButtonAriaLabel?: string;
|
|
43
|
+
/** Portal root element for tooltip rendering (e.g., document.body to prevent clipping) */
|
|
44
|
+
tooltipPortalRoot?: Element;
|
|
45
|
+
/** Z-index for tooltip when rendered in portal (default: 9) */
|
|
46
|
+
tooltipZIndex?: number;
|
|
47
|
+
/**
|
|
48
|
+
* Portal root element for dropdown menu rendering.
|
|
49
|
+
* When provided, the menu will be rendered in this element using React Portal.
|
|
50
|
+
* Useful for preventing clipping in containers with overflow: hidden (e.g., Modal, SidePanel).
|
|
51
|
+
* @example menuPortalRoot={document.body}
|
|
52
|
+
*/
|
|
53
|
+
menuPortalRoot?: Element;
|
|
21
54
|
}
|
|
22
55
|
export declare const Dropdown: FC<DropdownProps>;
|
|
23
|
-
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { MouseEventHandler, ReactNode } from 'react';
|
|
2
|
+
|
|
2
3
|
export type DropdownVariant = 'default' | 'ghost';
|
|
3
4
|
export type DropdownValue = string | boolean | number;
|
|
4
5
|
export type RenderDropdownOption = (props: DropdownOptionProps) => ReactNode;
|
|
@@ -9,6 +10,7 @@ export type DropdownOptionType = {
|
|
|
9
10
|
hidden?: boolean;
|
|
10
11
|
title?: string;
|
|
11
12
|
groupRef?: string;
|
|
13
|
+
children?: DropdownOptionType[];
|
|
12
14
|
};
|
|
13
15
|
export interface DropdownOptionProps {
|
|
14
16
|
selected?: boolean;
|
|
@@ -16,5 +18,14 @@ export interface DropdownOptionProps {
|
|
|
16
18
|
highlightHovered?: boolean;
|
|
17
19
|
render?: RenderDropdownOption;
|
|
18
20
|
onMouseEnter?: MouseEventHandler<HTMLDivElement>;
|
|
21
|
+
multiSelect?: boolean;
|
|
22
|
+
isPartiallyChecked?: boolean;
|
|
23
|
+
depth?: number;
|
|
24
|
+
hasChildren?: boolean;
|
|
19
25
|
option: DropdownOptionType;
|
|
20
26
|
}
|
|
27
|
+
export type FlattenedDropdownOption = {
|
|
28
|
+
option: DropdownOptionType;
|
|
29
|
+
depth: number;
|
|
30
|
+
parent?: DropdownOptionType;
|
|
31
|
+
};
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import { DropdownValue, DropdownOptionType } from './types';
|
|
2
|
-
|
|
1
|
+
import { DropdownValue, DropdownOptionType, FlattenedDropdownOption } from './types';
|
|
2
|
+
|
|
3
|
+
export declare const calculateDefaultIndex: (options: DropdownOptionType[], selectedValue: DropdownValue | DropdownValue[]) => number;
|
|
3
4
|
export declare const calculateNextIndex: (options: DropdownOptionType[], index?: number) => number;
|
|
4
5
|
export declare const calculatePrevIndex: (options: DropdownOptionType[], index?: number) => number;
|
|
6
|
+
export declare const flattenOptions: (options: DropdownOptionType[], depth?: number, parent?: DropdownOptionType) => FlattenedDropdownOption[];
|
|
7
|
+
export declare const getLeafOptions: (options: DropdownOptionType[]) => DropdownOptionType[];
|
|
8
|
+
export declare const getOptionLeafValues: (option: DropdownOptionType) => DropdownValue[];
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DetailedHTMLProps, LabelHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
interface FieldLabelProps extends DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
|
|
4
|
+
isRequired?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const FieldLabel: ({ children, isRequired, className, ...rest }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FieldLabel } from './fieldLabel';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLAttributes, FocusEventHandler } from 'react';
|
|
2
|
+
|
|
2
3
|
type FieldNumberValue = number | string;
|
|
3
4
|
interface FieldNumberProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> {
|
|
4
5
|
onChange: (value: number | string) => void;
|
|
@@ -11,8 +12,7 @@ interface FieldNumberProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onCha
|
|
|
11
12
|
max?: number;
|
|
12
13
|
title?: string;
|
|
13
14
|
error?: string;
|
|
14
|
-
touched?: boolean;
|
|
15
15
|
onFocus?: () => void | FocusEventHandler<HTMLInputElement>;
|
|
16
16
|
}
|
|
17
|
-
export declare const FieldNumber:
|
|
17
|
+
export declare const FieldNumber: ({ value, placeholder, disabled, onChange, onFocus, onBlur, label, postfix, min, max, title, error, id, ...rest }: FieldNumberProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export {};
|
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { ChangeEventHandler, ReactElement, ReactNode, InputHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
type InputType = 'password' | 'text' | 'email';
|
|
4
|
+
export interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
3
5
|
value?: string;
|
|
4
6
|
className?: string;
|
|
7
|
+
classNameHelpText?: string;
|
|
5
8
|
error?: string;
|
|
6
9
|
placeholder?: string;
|
|
7
10
|
disabled?: boolean;
|
|
8
11
|
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
12
|
+
onFocus?: ChangeEventHandler<HTMLInputElement>;
|
|
13
|
+
onBlur?: ChangeEventHandler<HTMLInputElement>;
|
|
9
14
|
touched?: boolean;
|
|
10
15
|
title?: string;
|
|
11
16
|
label?: string;
|
|
@@ -17,8 +22,11 @@ interface FieldTextProps extends ComponentPropsWithRef<'input'> {
|
|
|
17
22
|
onClear?: (prevValue?: string) => void;
|
|
18
23
|
isRequired?: boolean;
|
|
19
24
|
hasDoubleMessage?: boolean;
|
|
20
|
-
type?:
|
|
25
|
+
type?: InputType;
|
|
21
26
|
displayError?: boolean;
|
|
27
|
+
maxLengthDisplay?: number;
|
|
28
|
+
collapsible?: boolean;
|
|
29
|
+
loading?: boolean;
|
|
22
30
|
}
|
|
23
|
-
export declare const FieldText:
|
|
31
|
+
export declare const FieldText: (props: FieldTextProps & import('react').RefAttributes<HTMLInputElement>) => ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;
|
|
24
32
|
export {};
|