@epam/uui 4.11.0-alpha.1 → 4.11.0

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.
Files changed (143) hide show
  1. package/assets/styles/buttonLayout.scss +66 -66
  2. package/assets/styles/controlLayout.scss +27 -27
  3. package/assets/styles/effects.scss +9 -9
  4. package/assets/styles/font-faces.scss +51 -51
  5. package/assets/styles/icons.scss +18 -18
  6. package/assets/styles/index.scss +7 -7
  7. package/assets/styles/inputs.scss +69 -69
  8. package/assets/styles/layout-mixins.scss +8 -8
  9. package/assets/styles/prettifyScrollBar.scss +52 -52
  10. package/assets/styles/text-layout.scss +80 -80
  11. package/assets/styles/text-size.scss +37 -37
  12. package/assets/styles/typography-mixins.scss +159 -159
  13. package/assets/styles/typography.scss +38 -38
  14. package/assets/styles/variables/widgets/badge.scss +50 -50
  15. package/components/buttons/Button/Button.d.ts +12 -12
  16. package/components/buttons/Button/Button.test.d.ts +1 -1
  17. package/components/buttons/Button/index.d.ts +1 -1
  18. package/components/buttons/IconButton.d.ts +9 -9
  19. package/components/buttons/LinkButton.d.ts +7 -7
  20. package/components/buttons/TabButton.d.ts +7 -7
  21. package/components/buttons/VerticalTabButton.d.ts +4 -4
  22. package/components/buttons/helper.d.ts +2 -2
  23. package/components/buttons/index.d.ts +5 -5
  24. package/components/datePickers/Calendar.d.ts +4 -4
  25. package/components/datePickers/CalendarPresets.d.ts +3 -3
  26. package/components/datePickers/DatePicker.d.ts +12 -12
  27. package/components/datePickers/DatePickerBody.d.ts +3 -3
  28. package/components/datePickers/RangeDatePicker.d.ts +12 -12
  29. package/components/datePickers/RangeDatePickerBody.d.ts +3 -3
  30. package/components/datePickers/index.d.ts +5 -5
  31. package/components/dnd/DropMarker.d.ts +8 -8
  32. package/components/dnd/index.d.ts +1 -1
  33. package/components/filters/FilterDataPickerBody.d.ts +13 -13
  34. package/components/filters/FilterItemBody.d.ts +2 -2
  35. package/components/filters/FilterNumericBody.d.ts +12 -12
  36. package/components/filters/FilterPanelItemToggler.d.ts +12 -12
  37. package/components/filters/FilterPickerBody.d.ts +19 -19
  38. package/components/filters/FilterRangeDatePickerBody.d.ts +18 -18
  39. package/components/filters/FiltersPanel.d.ts +8 -8
  40. package/components/filters/FiltersPanelItem.d.ts +7 -7
  41. package/components/filters/PresetPanel/Preset.d.ts +8 -8
  42. package/components/filters/PresetPanel/PresetActionsDropdown.d.ts +9 -9
  43. package/components/filters/PresetPanel/PresetInput.d.ts +8 -8
  44. package/components/filters/PresetPanel/PresetsPanel.d.ts +6 -6
  45. package/components/filters/PresetPanel/index.d.ts +1 -1
  46. package/components/filters/defaultPredicates.d.ts +4 -4
  47. package/components/filters/index.d.ts +4 -4
  48. package/components/forms/Form.d.ts +3 -3
  49. package/components/forms/index.d.ts +2 -2
  50. package/components/forms/useForm.d.ts +2 -2
  51. package/components/index.d.ts +14 -14
  52. package/components/inputs/Checkbox.d.ts +8 -8
  53. package/components/inputs/MultiSwitch.d.ts +15 -15
  54. package/components/inputs/NumericInput.d.ts +8 -8
  55. package/components/inputs/RadioInput.d.ts +6 -6
  56. package/components/inputs/Switch.d.ts +6 -6
  57. package/components/inputs/TextArea.d.ts +9 -9
  58. package/components/inputs/TextInput.d.ts +12 -12
  59. package/components/inputs/index.d.ts +7 -7
  60. package/components/layout/Accordion.d.ts +6 -6
  61. package/components/layout/Blocker.d.ts +3 -3
  62. package/components/layout/CheckboxGroup.d.ts +2 -2
  63. package/components/layout/ControlGroup.d.ts +2 -2
  64. package/components/layout/FlexItems/FlexCell.d.ts +11 -11
  65. package/components/layout/FlexItems/FlexRow.d.ts +16 -16
  66. package/components/layout/FlexItems/FlexSpacer.d.ts +4 -4
  67. package/components/layout/FlexItems/Panel.d.ts +7 -7
  68. package/components/layout/FlexItems/index.d.ts +4 -4
  69. package/components/layout/LabeledInput.d.ts +5 -5
  70. package/components/layout/RadioGroup.d.ts +2 -2
  71. package/components/layout/ScrollBars.d.ts +3 -3
  72. package/components/layout/VirtualList.d.ts +2 -2
  73. package/components/layout/index.d.ts +10 -10
  74. package/components/navigation/MainMenu/Burger/Burger.d.ts +5 -5
  75. package/components/navigation/MainMenu/Burger/BurgerButton.d.ts +7 -7
  76. package/components/navigation/MainMenu/Burger/BurgerGroupHeader.d.ts +4 -4
  77. package/components/navigation/MainMenu/Burger/BurgerSearch.d.ts +4 -4
  78. package/components/navigation/MainMenu/Burger/index.d.ts +4 -4
  79. package/components/navigation/MainMenu/GlobalMenu.d.ts +5 -5
  80. package/components/navigation/MainMenu/MainMenu.d.ts +4 -4
  81. package/components/navigation/MainMenu/MainMenuAvatar.d.ts +7 -7
  82. package/components/navigation/MainMenu/MainMenuButton.d.ts +6 -6
  83. package/components/navigation/MainMenu/MainMenuDropdown.d.ts +5 -5
  84. package/components/navigation/MainMenu/MainMenuIcon.d.ts +7 -7
  85. package/components/navigation/MainMenu/MainMenuSearch.d.ts +6 -6
  86. package/components/navigation/MainMenu/index.d.ts +8 -8
  87. package/components/navigation/index.d.ts +1 -1
  88. package/components/overlays/Alert.d.ts +23 -23
  89. package/components/overlays/ConfirmationModal.d.ts +10 -10
  90. package/components/overlays/Dropdown.d.ts +5 -5
  91. package/components/overlays/DropdownContainer.d.ts +8 -8
  92. package/components/overlays/DropdownMenu.d.ts +33 -33
  93. package/components/overlays/Modals.d.ts +19 -19
  94. package/components/overlays/NotificationCard.d.ts +25 -25
  95. package/components/overlays/Tooltip.d.ts +5 -5
  96. package/components/overlays/index.d.ts +7 -7
  97. package/components/pickers/DataPickerBody.d.ts +16 -16
  98. package/components/pickers/DataPickerFooter.d.ts +8 -8
  99. package/components/pickers/DataPickerHeader.d.ts +7 -7
  100. package/components/pickers/DataPickerRow.d.ts +15 -15
  101. package/components/pickers/MobileDropdownWrapper.d.ts +10 -10
  102. package/components/pickers/PickerInput.d.ts +16 -16
  103. package/components/pickers/PickerItem.d.ts +13 -13
  104. package/components/pickers/PickerList.d.ts +17 -17
  105. package/components/pickers/PickerListItem.d.ts +8 -8
  106. package/components/pickers/PickerModal.d.ts +16 -16
  107. package/components/pickers/PickerToggler.d.ts +7 -7
  108. package/components/pickers/index.d.ts +11 -11
  109. package/components/tables/ColumnHeaderDropdown/ColumnHeaderDropdown.d.ts +13 -13
  110. package/components/tables/ColumnHeaderDropdown/SortingPanel.d.ts +7 -7
  111. package/components/tables/ColumnHeaderDropdown/index.d.ts +1 -1
  112. package/components/tables/DataTable.d.ts +15 -15
  113. package/components/tables/DataTableCell.d.ts +4 -4
  114. package/components/tables/DataTableHeaderCell.d.ts +18 -18
  115. package/components/tables/DataTableHeaderRow.d.ts +4 -4
  116. package/components/tables/DataTableRow.d.ts +10 -10
  117. package/components/tables/columnsConfigurationModal/ColumnRow.d.ts +6 -6
  118. package/components/tables/columnsConfigurationModal/ColumnsConfigurationModal.d.ts +9 -9
  119. package/components/tables/columnsConfigurationModal/PinIconButton.d.ts +9 -9
  120. package/components/tables/columnsConfigurationModal/index.d.ts +1 -1
  121. package/components/tables/index.d.ts +8 -8
  122. package/components/tables/types.d.ts +31 -31
  123. package/components/types.d.ts +34 -34
  124. package/components/typography/RichTextView.d.ts +6 -6
  125. package/components/typography/Text.d.ts +11 -11
  126. package/components/typography/TextPlaceholder.d.ts +9 -9
  127. package/components/typography/index.d.ts +3 -3
  128. package/components/widgets/Avatar.d.ts +2 -2
  129. package/components/widgets/Badge.d.ts +14 -14
  130. package/components/widgets/Spinner.d.ts +5 -5
  131. package/components/widgets/Tag.d.ts +8 -8
  132. package/components/widgets/index.d.ts +4 -4
  133. package/helpers/index.d.ts +2 -2
  134. package/helpers/textLayout.d.ts +8 -8
  135. package/helpers/useColumnsWithFilters.d.ts +2 -2
  136. package/i18n.d.ts +103 -103
  137. package/icons/icons.d.ts +3 -3
  138. package/index.d.ts +4 -4
  139. package/index.js +1967 -1967
  140. package/index.js.map +1 -1
  141. package/package.json +5 -5
  142. package/readme.md +4 -4
  143. package/stats.html +1 -1
@@ -1,8 +1,8 @@
1
- import * as React from 'react';
2
- import { Icon, IAdaptiveItem } from '@epam/uui-core';
3
- import { ButtonProps } from '@epam/uui-components';
4
- export interface MainMenuIconProps extends ButtonProps, IAdaptiveItem {
5
- icon: Icon;
6
- }
7
- export declare const MainMenuIcon: React.ForwardRefExoticComponent<Pick<MainMenuIconProps, "isDisabled" | "onClick" | "link" | "caption" | "dropdownIcon" | "dropdownIconPosition" | "countPosition" | "count" | "cx" | "href" | "isLinkActive" | "target" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "tabIndex" | "rawProps" | "onClear" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "forwardedRef" | "clearIcon" | "captionCX" | "estimatedWidth" | "priority" | "showInBurgerMenu" | "collapseToMore" | "collapsedContainer"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
1
+ import * as React from 'react';
2
+ import { Icon, IAdaptiveItem } from '@epam/uui-core';
3
+ import { ButtonProps } from '@epam/uui-components';
4
+ export interface MainMenuIconProps extends ButtonProps, IAdaptiveItem {
5
+ icon: Icon;
6
+ }
7
+ export declare const MainMenuIcon: React.ForwardRefExoticComponent<Pick<MainMenuIconProps, "isDisabled" | "onClick" | "link" | "caption" | "dropdownIcon" | "dropdownIconPosition" | "countPosition" | "count" | "cx" | "href" | "isLinkActive" | "target" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "tabIndex" | "rawProps" | "onClear" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "forwardedRef" | "clearIcon" | "captionCX" | "estimatedWidth" | "priority" | "showInBurgerMenu" | "collapseToMore" | "collapsedContainer"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
8
8
  //# sourceMappingURL=MainMenuIcon.d.ts.map
@@ -1,7 +1,7 @@
1
- import * as React from 'react';
2
- import { TextInputProps } from '@epam/uui-components';
3
- import { IAdaptiveItem } from '@epam/uui-core';
4
- export interface MainMenuSearchProps extends TextInputProps, IAdaptiveItem {
5
- }
6
- export declare const MainMenuSearch: React.ForwardRefExoticComponent<Pick<MainMenuSearchProps, "value" | "onValueChange" | "isInvalid" | "validationMessage" | "validationProps" | "isDisabled" | "isReadonly" | "isRequired" | "onClick" | "caption" | "dropdownIcon" | "cx" | "icon" | "iconPosition" | "onIconClick" | "tabIndex" | "rawProps" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "type" | "inputMode" | "id" | "prefix" | "name" | "onFocus" | "onBlur" | "getValueChangeAnalyticsEvent" | "onCancel" | "onAccept" | "onKeyDown" | "autoFocus" | "autoComplete" | "maxLength" | "suffix" | "inputCx" | "acceptIcon" | "cancelIcon" | "renderInput" | "estimatedWidth" | "priority" | "showInBurgerMenu" | "collapseToMore" | "collapsedContainer"> & React.RefAttributes<HTMLInputElement>>;
1
+ import * as React from 'react';
2
+ import { TextInputProps } from '@epam/uui-components';
3
+ import { IAdaptiveItem } from '@epam/uui-core';
4
+ export interface MainMenuSearchProps extends TextInputProps, IAdaptiveItem {
5
+ }
6
+ export declare const MainMenuSearch: React.ForwardRefExoticComponent<Pick<MainMenuSearchProps, "value" | "onValueChange" | "isInvalid" | "validationMessage" | "validationProps" | "isDisabled" | "isReadonly" | "isRequired" | "onClick" | "caption" | "dropdownIcon" | "cx" | "icon" | "iconPosition" | "onIconClick" | "tabIndex" | "rawProps" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "type" | "inputMode" | "id" | "prefix" | "name" | "onFocus" | "onBlur" | "getValueChangeAnalyticsEvent" | "onCancel" | "onAccept" | "onKeyDown" | "autoFocus" | "autoComplete" | "maxLength" | "suffix" | "inputCx" | "acceptIcon" | "cancelIcon" | "renderInput" | "estimatedWidth" | "priority" | "showInBurgerMenu" | "collapseToMore" | "collapsedContainer"> & React.RefAttributes<HTMLInputElement>>;
7
7
  //# sourceMappingURL=MainMenuSearch.d.ts.map
@@ -1,9 +1,9 @@
1
- export * from './MainMenu';
2
- export * from './GlobalMenu';
3
- export * from './Burger';
4
- export * from './MainMenuAvatar';
5
- export * from './MainMenuSearch';
6
- export * from './MainMenuIcon';
7
- export * from './MainMenuDropdown';
8
- export * from './MainMenuButton';
1
+ export * from './MainMenu';
2
+ export * from './GlobalMenu';
3
+ export * from './Burger';
4
+ export * from './MainMenuAvatar';
5
+ export * from './MainMenuSearch';
6
+ export * from './MainMenuIcon';
7
+ export * from './MainMenuDropdown';
8
+ export * from './MainMenuButton';
9
9
  //# sourceMappingURL=index.d.ts.map
@@ -1,2 +1,2 @@
1
- export * from './MainMenu';
1
+ export * from './MainMenu';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1,24 +1,24 @@
1
- import * as React from 'react';
2
- import { IHasChildren, IHasCX, Icon, IHasRawProps } from '@epam/uui-core';
3
- import { SemanticColor } from '../types';
4
- type notificationAction = {
5
- name: string;
6
- action: () => void;
7
- };
8
- export interface AlertProps extends IHasChildren, IHasCX, IHasRawProps<React.HTMLAttributes<HTMLDivElement>> {
9
- /** List of actions to display in the alert. Each action has name and 'action' callback */
10
- actions?: notificationAction[];
11
- /** Alert color */
12
- color?: SemanticColor;
13
- /** When specified, a close icon is rendered. onClose callback will be called on clicking the close icon */
14
- onClose?(): void;
15
- /** An optional icon to show on the left of the alert */
16
- icon?: Icon;
17
- }
18
- export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
19
- export declare const WarningAlert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
20
- export declare const SuccessAlert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
21
- export declare const HintAlert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
22
- export declare const ErrorAlert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
23
- export {};
1
+ import * as React from 'react';
2
+ import { IHasChildren, IHasCX, Icon, IHasRawProps } from '@epam/uui-core';
3
+ import { SemanticColor } from '../types';
4
+ type notificationAction = {
5
+ name: string;
6
+ action: () => void;
7
+ };
8
+ export interface AlertProps extends IHasChildren, IHasCX, IHasRawProps<React.HTMLAttributes<HTMLDivElement>> {
9
+ /** List of actions to display in the alert. Each action has name and 'action' callback */
10
+ actions?: notificationAction[];
11
+ /** Alert color */
12
+ color?: SemanticColor;
13
+ /** When specified, a close icon is rendered. onClose callback will be called on clicking the close icon */
14
+ onClose?(): void;
15
+ /** An optional icon to show on the left of the alert */
16
+ icon?: Icon;
17
+ }
18
+ export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
19
+ export declare const WarningAlert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
20
+ export declare const SuccessAlert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
21
+ export declare const HintAlert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
22
+ export declare const ErrorAlert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
23
+ export {};
24
24
  //# sourceMappingURL=Alert.d.ts.map
@@ -1,11 +1,11 @@
1
- import * as React from 'react';
2
- import { IModal } from '@epam/uui-core';
3
- export interface ConfirmationModalWindowProps extends IModal<any> {
4
- caption: any;
5
- bodyContent?: any;
6
- hideCancelButton?: boolean;
7
- }
8
- export declare class ConfirmationModal extends React.Component<ConfirmationModalWindowProps> {
9
- render(): JSX.Element;
10
- }
1
+ import * as React from 'react';
2
+ import { IModal } from '@epam/uui-core';
3
+ export interface ConfirmationModalWindowProps extends IModal<any> {
4
+ caption: any;
5
+ bodyContent?: any;
6
+ hideCancelButton?: boolean;
7
+ }
8
+ export declare class ConfirmationModal extends React.Component<ConfirmationModalWindowProps> {
9
+ render(): JSX.Element;
10
+ }
11
11
  //# sourceMappingURL=ConfirmationModal.d.ts.map
@@ -1,6 +1,6 @@
1
- import * as React from 'react';
2
- import { DropdownProps } from '@epam/uui-core';
3
- export declare class Dropdown extends React.Component<DropdownProps, any> {
4
- render(): JSX.Element;
5
- }
1
+ import * as React from 'react';
2
+ import { DropdownProps } from '@epam/uui-core';
3
+ export declare class Dropdown extends React.Component<DropdownProps, any> {
4
+ render(): JSX.Element;
5
+ }
6
6
  //# sourceMappingURL=Dropdown.d.ts.map
@@ -1,9 +1,9 @@
1
- import { DropdownContainerProps as uuiDropdownContainerProps } from '@epam/uui-components';
2
- export interface DropdownContainerMods {
3
- vPadding?: '6' | '12' | '18' | '24' | '30' | '48';
4
- padding?: '6' | '12' | '18' | '24' | '30';
5
- }
6
- export interface DropdownContainerProps extends uuiDropdownContainerProps, DropdownContainerMods {
7
- }
8
- export declare const DropdownContainer: (props: uuiDropdownContainerProps & DropdownContainerMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
1
+ import { DropdownContainerProps as uuiDropdownContainerProps } from '@epam/uui-components';
2
+ export interface DropdownContainerMods {
3
+ vPadding?: '6' | '12' | '18' | '24' | '30' | '48';
4
+ padding?: '6' | '12' | '18' | '24' | '30';
5
+ }
6
+ export interface DropdownContainerProps extends uuiDropdownContainerProps, DropdownContainerMods {
7
+ }
8
+ export declare const DropdownContainer: (props: uuiDropdownContainerProps & DropdownContainerMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
9
9
  //# sourceMappingURL=DropdownContainer.d.ts.map
@@ -1,34 +1,34 @@
1
- import React from 'react';
2
- import { IDropdownToggler, IHasChildren, VPanelProps, IHasIcon, ICanRedirect, IHasCaption, IDisableable, IAnalyticableClick, IHasCX, IClickable, DropdownBodyProps } from '@epam/uui-core';
3
- export interface IDropdownMenuItemProps extends IHasIcon, ICanRedirect, IHasCX, IDisableable, IAnalyticableClick, IDropdownToggler {
4
- isSelected?: boolean;
5
- isActive?: boolean;
6
- }
7
- export interface IDropdownMenuContainer extends VPanelProps, DropdownBodyProps {
8
- closeOnKey?: React.KeyboardEvent<HTMLElement>['key'];
9
- }
10
- export declare enum IDropdownControlKeys {
11
- ENTER = "Enter",
12
- ESCAPE = "Escape",
13
- LEFT_ARROW = "ArrowLeft",
14
- RIGHT_ARROW = "ArrowRight",
15
- UP_ARROW = "ArrowUp",
16
- DOWN_ARROW = "ArrowDown"
17
- }
18
- export declare const DropdownMenuBody: (props: IDropdownMenuContainer & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
19
- export declare const DropdownMenuButton: React.ForwardRefExoticComponent<Pick<IDropdownMenuItemProps, "isDisabled" | "onClick" | "link" | "caption" | "cx" | "href" | "isLinkActive" | "target" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "isActive" | "isSelected"> & React.RefAttributes<any>>;
20
- export declare const DropdownMenuSplitter: (props: IHasCX) => JSX.Element;
21
- interface IDropdownMenuHeader extends IHasCX, IHasCaption {
22
- }
23
- export declare const DropdownMenuHeader: (props: IDropdownMenuHeader) => JSX.Element;
24
- interface IDropdownSubMenu extends IHasChildren, IHasCaption, IHasIcon, IDropdownMenuItemProps {
25
- openOnHover?: boolean;
26
- }
27
- export declare const DropdownSubMenu: (props: IDropdownSubMenu) => JSX.Element;
28
- interface IDropdownMenuSwitchButton extends IHasCX, IHasCaption, IHasIcon, IDisableable, IAnalyticableClick, IClickable {
29
- onValueChange: (value: boolean) => void;
30
- isSelected: boolean;
31
- }
32
- export declare const DropdownMenuSwitchButton: (props: IDropdownMenuSwitchButton) => JSX.Element;
33
- export {};
1
+ import React from 'react';
2
+ import { IDropdownToggler, IHasChildren, VPanelProps, IHasIcon, ICanRedirect, IHasCaption, IDisableable, IAnalyticableClick, IHasCX, IClickable, DropdownBodyProps } from '@epam/uui-core';
3
+ export interface IDropdownMenuItemProps extends IHasIcon, ICanRedirect, IHasCX, IDisableable, IAnalyticableClick, IDropdownToggler {
4
+ isSelected?: boolean;
5
+ isActive?: boolean;
6
+ }
7
+ export interface IDropdownMenuContainer extends VPanelProps, DropdownBodyProps {
8
+ closeOnKey?: React.KeyboardEvent<HTMLElement>['key'];
9
+ }
10
+ export declare enum IDropdownControlKeys {
11
+ ENTER = "Enter",
12
+ ESCAPE = "Escape",
13
+ LEFT_ARROW = "ArrowLeft",
14
+ RIGHT_ARROW = "ArrowRight",
15
+ UP_ARROW = "ArrowUp",
16
+ DOWN_ARROW = "ArrowDown"
17
+ }
18
+ export declare const DropdownMenuBody: (props: IDropdownMenuContainer & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
19
+ export declare const DropdownMenuButton: React.ForwardRefExoticComponent<Pick<IDropdownMenuItemProps, "isDisabled" | "onClick" | "link" | "caption" | "cx" | "href" | "isLinkActive" | "target" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "isActive" | "isSelected"> & React.RefAttributes<any>>;
20
+ export declare const DropdownMenuSplitter: (props: IHasCX) => JSX.Element;
21
+ interface IDropdownMenuHeader extends IHasCX, IHasCaption {
22
+ }
23
+ export declare const DropdownMenuHeader: (props: IDropdownMenuHeader) => JSX.Element;
24
+ interface IDropdownSubMenu extends IHasChildren, IHasCaption, IHasIcon, IDropdownMenuItemProps {
25
+ openOnHover?: boolean;
26
+ }
27
+ export declare const DropdownSubMenu: (props: IDropdownSubMenu) => JSX.Element;
28
+ interface IDropdownMenuSwitchButton extends IHasCX, IHasCaption, IHasIcon, IDisableable, IAnalyticableClick, IClickable {
29
+ onValueChange: (value: boolean) => void;
30
+ isSelected: boolean;
31
+ }
32
+ export declare const DropdownMenuSwitchButton: (props: IDropdownMenuSwitchButton) => JSX.Element;
33
+ export {};
34
34
  //# sourceMappingURL=DropdownMenu.d.ts.map
@@ -1,20 +1,20 @@
1
- import * as React from 'react';
2
- import { ModalFooterCoreProps, ModalWindowProps, ModalBlockerProps, ModalHeaderCoreProps } from '@epam/uui-core';
3
- import { RowMods } from '../layout';
4
- export declare const ModalBlocker: (props: ModalBlockerProps & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
5
- export interface ModalWindowMods {
6
- width?: number;
7
- height?: number | 'auto';
8
- }
9
- export declare const ModalWindow: (props: ModalWindowProps & ModalWindowMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
10
- export interface ModalHeaderProps extends RowMods, ModalHeaderCoreProps {
11
- }
12
- export declare class ModalHeader extends React.Component<ModalHeaderProps> {
13
- render(): JSX.Element;
14
- }
15
- export interface ModalFooterProps extends RowMods, ModalFooterCoreProps {
16
- }
17
- export declare class ModalFooter extends React.Component<ModalFooterProps> {
18
- render(): JSX.Element;
19
- }
1
+ import * as React from 'react';
2
+ import { ModalFooterCoreProps, ModalWindowProps, ModalBlockerProps, ModalHeaderCoreProps } from '@epam/uui-core';
3
+ import { RowMods } from '../layout';
4
+ export declare const ModalBlocker: (props: ModalBlockerProps & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
5
+ export interface ModalWindowMods {
6
+ width?: number;
7
+ height?: number | 'auto';
8
+ }
9
+ export declare const ModalWindow: (props: ModalWindowProps & ModalWindowMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
10
+ export interface ModalHeaderProps extends RowMods, ModalHeaderCoreProps {
11
+ }
12
+ export declare class ModalHeader extends React.Component<ModalHeaderProps> {
13
+ render(): JSX.Element;
14
+ }
15
+ export interface ModalFooterProps extends RowMods, ModalFooterCoreProps {
16
+ }
17
+ export declare class ModalFooter extends React.Component<ModalFooterProps> {
18
+ render(): JSX.Element;
19
+ }
20
20
  //# sourceMappingURL=Modals.d.ts.map
@@ -1,26 +1,26 @@
1
- import React from 'react';
2
- import { INotification, Icon, IHasChildren, IHasCX, UuiContexts, IHasRawProps } from '@epam/uui-core';
3
- import { SemanticColor } from '../types';
4
- interface NotificationAction extends IHasRawProps<React.ButtonHTMLAttributes<HTMLButtonElement>> {
5
- name: string;
6
- action: () => void;
7
- }
8
- export interface DefaultNotificationProps extends INotification, IHasChildren, IHasCX, IHasRawProps<React.HTMLAttributes<HTMLDivElement>> {
9
- actions?: NotificationAction[];
10
- }
11
- export interface NotificationCardProps extends DefaultNotificationProps {
12
- icon?: Icon;
13
- color?: SemanticColor;
14
- }
15
- export declare const NotificationCard: React.ForwardRefExoticComponent<NotificationCardProps & React.RefAttributes<HTMLDivElement>>;
16
- export declare const WarningNotification: React.ForwardRefExoticComponent<DefaultNotificationProps & React.RefAttributes<HTMLDivElement>>;
17
- export declare const SuccessNotification: React.ForwardRefExoticComponent<DefaultNotificationProps & React.RefAttributes<HTMLDivElement>>;
18
- export declare const HintNotification: React.ForwardRefExoticComponent<DefaultNotificationProps & React.RefAttributes<HTMLDivElement>>;
19
- export declare const ErrorNotification: React.ForwardRefExoticComponent<DefaultNotificationProps & React.RefAttributes<HTMLDivElement>>;
20
- export declare class ClearNotification extends React.Component<{}> {
21
- static contextType: React.Context<import("@epam/uui-core").CommonContexts<any, any>>;
22
- context: UuiContexts;
23
- render(): JSX.Element;
24
- }
25
- export {};
1
+ import React from 'react';
2
+ import { INotification, Icon, IHasChildren, IHasCX, UuiContexts, IHasRawProps } from '@epam/uui-core';
3
+ import { SemanticColor } from '../types';
4
+ interface NotificationAction extends IHasRawProps<React.ButtonHTMLAttributes<HTMLButtonElement>> {
5
+ name: string;
6
+ action: () => void;
7
+ }
8
+ export interface DefaultNotificationProps extends INotification, IHasChildren, IHasCX, IHasRawProps<React.HTMLAttributes<HTMLDivElement>> {
9
+ actions?: NotificationAction[];
10
+ }
11
+ export interface NotificationCardProps extends DefaultNotificationProps {
12
+ icon?: Icon;
13
+ color?: SemanticColor;
14
+ }
15
+ export declare const NotificationCard: React.ForwardRefExoticComponent<NotificationCardProps & React.RefAttributes<HTMLDivElement>>;
16
+ export declare const WarningNotification: React.ForwardRefExoticComponent<DefaultNotificationProps & React.RefAttributes<HTMLDivElement>>;
17
+ export declare const SuccessNotification: React.ForwardRefExoticComponent<DefaultNotificationProps & React.RefAttributes<HTMLDivElement>>;
18
+ export declare const HintNotification: React.ForwardRefExoticComponent<DefaultNotificationProps & React.RefAttributes<HTMLDivElement>>;
19
+ export declare const ErrorNotification: React.ForwardRefExoticComponent<DefaultNotificationProps & React.RefAttributes<HTMLDivElement>>;
20
+ export declare class ClearNotification extends React.Component<{}> {
21
+ static contextType: React.Context<import("@epam/uui-core").CommonContexts<any, any>>;
22
+ context: UuiContexts;
23
+ render(): JSX.Element;
24
+ }
25
+ export {};
26
26
  //# sourceMappingURL=NotificationCard.d.ts.map
@@ -1,6 +1,6 @@
1
- import { TooltipProps } from '@epam/uui-components';
2
- export interface TooltipMods {
3
- color?: 'default' | 'contrast' | 'critical';
4
- }
5
- export declare const Tooltip: (props: TooltipProps & TooltipMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
1
+ import { TooltipProps } from '@epam/uui-components';
2
+ export interface TooltipMods {
3
+ color?: 'default' | 'contrast' | 'critical';
4
+ }
5
+ export declare const Tooltip: (props: TooltipProps & TooltipMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
6
6
  //# sourceMappingURL=Tooltip.d.ts.map
@@ -1,8 +1,8 @@
1
- export * from './Alert';
2
- export * from './Dropdown';
3
- export * from './DropdownContainer';
4
- export * from './DropdownMenu';
5
- export * from './Modals';
6
- export * from './NotificationCard';
7
- export * from './Tooltip';
1
+ export * from './Alert';
2
+ export * from './Dropdown';
3
+ export * from './DropdownContainer';
4
+ export * from './DropdownMenu';
5
+ export * from './Modals';
6
+ export * from './NotificationCard';
7
+ export * from './Tooltip';
8
8
  //# sourceMappingURL=index.d.ts.map
@@ -1,17 +1,17 @@
1
- import React from 'react';
2
- import { DataSourceState } from '@epam/uui-core';
3
- import { PickerBodyBase, PickerBodyBaseProps } from '@epam/uui-components';
4
- import { ControlSize } from '../types';
5
- export interface DataPickerBodyProps extends PickerBodyBaseProps {
6
- maxHeight?: number;
7
- editMode?: 'dropdown' | 'modal';
8
- searchSize?: ControlSize;
9
- selectionMode?: 'single' | 'multi';
10
- }
11
- export declare class DataPickerBody extends PickerBodyBase<DataPickerBodyProps> {
12
- lens: import("@epam/uui-core").ILens<DataSourceState<Record<string, any>, any>>;
13
- searchLens: import("@epam/uui-core").ILens<string>;
14
- renderNotFound(): string | number | boolean | React.ReactFragment | JSX.Element;
15
- render(): JSX.Element;
16
- }
1
+ import React from 'react';
2
+ import { DataSourceState } from '@epam/uui-core';
3
+ import { PickerBodyBase, PickerBodyBaseProps } from '@epam/uui-components';
4
+ import { ControlSize } from '../types';
5
+ export interface DataPickerBodyProps extends PickerBodyBaseProps {
6
+ maxHeight?: number;
7
+ editMode?: 'dropdown' | 'modal';
8
+ searchSize?: ControlSize;
9
+ selectionMode?: 'single' | 'multi';
10
+ }
11
+ export declare class DataPickerBody extends PickerBodyBase<DataPickerBodyProps> {
12
+ lens: import("@epam/uui-core").ILens<DataSourceState<Record<string, any>, any>>;
13
+ searchLens: import("@epam/uui-core").ILens<string>;
14
+ renderNotFound(): string | number | boolean | React.ReactFragment | JSX.Element;
15
+ render(): JSX.Element;
16
+ }
17
17
  //# sourceMappingURL=DataPickerBody.d.ts.map
@@ -1,9 +1,9 @@
1
- import React, { PropsWithChildren } from 'react';
2
- import { PickerFooterProps } from "@epam/uui-core";
3
- import { SizeMod } from '../types';
4
- type DataPickerFooterProps<TItem, TId> = PickerFooterProps<TItem, TId> & SizeMod & {
5
- hideShowOnlySelected?: boolean;
6
- };
7
- export declare const DataPickerFooter: React.MemoExoticComponent<(<TItem, TId>(props: React.PropsWithChildren<DataPickerFooterProps<TItem, TId>>) => JSX.Element)>;
8
- export {};
1
+ import React, { PropsWithChildren } from 'react';
2
+ import { PickerFooterProps } from "@epam/uui-core";
3
+ import { SizeMod } from '../types';
4
+ type DataPickerFooterProps<TItem, TId> = PickerFooterProps<TItem, TId> & SizeMod & {
5
+ hideShowOnlySelected?: boolean;
6
+ };
7
+ export declare const DataPickerFooter: React.MemoExoticComponent<(<TItem, TId>(props: React.PropsWithChildren<DataPickerFooterProps<TItem, TId>>) => JSX.Element)>;
8
+ export {};
9
9
  //# sourceMappingURL=DataPickerFooter.d.ts.map
@@ -1,8 +1,8 @@
1
- import React from 'react';
2
- interface DataPickerHeaderProps {
3
- title?: string;
4
- close?: () => void;
5
- }
6
- export declare const DataPickerHeader: React.NamedExoticComponent<DataPickerHeaderProps>;
7
- export {};
1
+ import React from 'react';
2
+ interface DataPickerHeaderProps {
3
+ title?: string;
4
+ close?: () => void;
5
+ }
6
+ export declare const DataPickerHeader: React.NamedExoticComponent<DataPickerHeaderProps>;
7
+ export {};
8
8
  //# sourceMappingURL=DataPickerHeader.d.ts.map
@@ -1,16 +1,16 @@
1
- import * as React from 'react';
2
- import { DataRowProps, DataColumnProps } from '@epam/uui-core';
3
- export interface DataPickerRowProps<TItem, TId> extends DataRowProps<TItem, TId> {
4
- renderItem(item: TItem, rowProps: DataRowProps<TItem, TId>): React.ReactNode;
5
- padding?: '12' | '24';
6
- size?: 'none' | '24' | '30' | '36' | '42' | '48' | '60';
7
- borderBottom?: 'none' | 'gray20';
8
- alignActions?: 'top' | 'center';
9
- }
10
- export declare class DataPickerRow<TItem, TId> extends React.Component<DataPickerRowProps<TItem, TId>> {
11
- private getIcon;
12
- column: DataColumnProps<TItem>;
13
- renderContent: () => JSX.Element;
14
- render(): JSX.Element;
15
- }
1
+ import * as React from 'react';
2
+ import { DataRowProps, DataColumnProps } from '@epam/uui-core';
3
+ export interface DataPickerRowProps<TItem, TId> extends DataRowProps<TItem, TId> {
4
+ renderItem(item: TItem, rowProps: DataRowProps<TItem, TId>): React.ReactNode;
5
+ padding?: '12' | '24';
6
+ size?: 'none' | '24' | '30' | '36' | '42' | '48' | '60';
7
+ borderBottom?: 'none' | 'gray20';
8
+ alignActions?: 'top' | 'center';
9
+ }
10
+ export declare class DataPickerRow<TItem, TId> extends React.Component<DataPickerRowProps<TItem, TId>> {
11
+ private getIcon;
12
+ column: DataColumnProps<TItem>;
13
+ renderContent: () => JSX.Element;
14
+ render(): JSX.Element;
15
+ }
16
16
  //# sourceMappingURL=DataPickerRow.d.ts.map
@@ -1,11 +1,11 @@
1
- import React, { ReactNode } from 'react';
2
- import { ControlSize } from '../types';
3
- interface IMobileDropdownWrapperProps {
4
- children: ReactNode;
5
- size?: ControlSize;
6
- close?: () => void;
7
- title?: string;
8
- }
9
- export declare const MobileDropdownWrapper: React.FC<IMobileDropdownWrapperProps>;
10
- export {};
1
+ import React, { ReactNode } from 'react';
2
+ import { ControlSize } from '../types';
3
+ interface IMobileDropdownWrapperProps {
4
+ children: ReactNode;
5
+ size?: ControlSize;
6
+ close?: () => void;
7
+ title?: string;
8
+ }
9
+ export declare const MobileDropdownWrapper: React.FC<IMobileDropdownWrapperProps>;
10
+ export {};
11
11
  //# sourceMappingURL=MobileDropdownWrapper.d.ts.map
@@ -1,17 +1,17 @@
1
- import React from 'react';
2
- import { DataRowProps, DataSourceListProps, DropdownBodyProps, IDropdownToggler } from '@epam/uui-core';
3
- import { PickerBodyBaseProps, PickerInputBase, PickerTogglerProps } from '@epam/uui-components';
4
- import { PickerTogglerMods } from './PickerToggler';
5
- import { IHasEditMode, SizeMod } from '../types';
6
- export type PickerInputProps = SizeMod & IHasEditMode & {};
7
- export declare class PickerInput<TItem, TId> extends PickerInputBase<TItem, TId, PickerInputProps> {
8
- toggleModalOpening(opened: boolean): void;
9
- getRowSize(): import("../types").ControlSize;
10
- renderItem: (item: TItem, rowProps: DataRowProps<TItem, TId>) => JSX.Element;
11
- renderRow: (rowProps: DataRowProps<TItem, TId>) => string | number | boolean | React.ReactFragment | JSX.Element;
12
- getTogglerMods(): PickerTogglerMods;
13
- renderFooter(): string | number | boolean | React.ReactFragment | JSX.Element;
14
- renderTarget(targetProps: IDropdownToggler & PickerTogglerProps<TItem, TId>): JSX.Element;
15
- renderBody(props: DropdownBodyProps & DataSourceListProps & Omit<PickerBodyBaseProps, 'rows'>, rows: DataRowProps<TItem, TId>[]): JSX.Element;
16
- }
1
+ import React from 'react';
2
+ import { DataRowProps, DataSourceListProps, DropdownBodyProps, IDropdownToggler } from '@epam/uui-core';
3
+ import { PickerBodyBaseProps, PickerInputBase, PickerTogglerProps } from '@epam/uui-components';
4
+ import { PickerTogglerMods } from './PickerToggler';
5
+ import { IHasEditMode, SizeMod } from '../types';
6
+ export type PickerInputProps = SizeMod & IHasEditMode & {};
7
+ export declare class PickerInput<TItem, TId> extends PickerInputBase<TItem, TId, PickerInputProps> {
8
+ toggleModalOpening(opened: boolean): void;
9
+ getRowSize(): import("../types").ControlSize;
10
+ renderItem: (item: TItem, rowProps: DataRowProps<TItem, TId>) => JSX.Element;
11
+ renderRow: (rowProps: DataRowProps<TItem, TId>) => string | number | boolean | React.ReactFragment | JSX.Element;
12
+ getTogglerMods(): PickerTogglerMods;
13
+ renderFooter(): string | number | boolean | React.ReactFragment | JSX.Element;
14
+ renderTarget(targetProps: IDropdownToggler & PickerTogglerProps<TItem, TId>): JSX.Element;
15
+ renderBody(props: DropdownBodyProps & DataSourceListProps & Omit<PickerBodyBaseProps, 'rows'>, rows: DataRowProps<TItem, TId>[]): JSX.Element;
16
+ }
17
17
  //# sourceMappingURL=PickerInput.d.ts.map
@@ -1,14 +1,14 @@
1
- import * as React from 'react';
2
- import { DataRowProps, Icon } from '@epam/uui-core';
3
- import { SizeMod } from '../types';
4
- export interface PickerItemProps<TItem, TId> extends DataRowProps<TItem, TId>, SizeMod {
5
- avatarUrl?: string;
6
- icon?: Icon;
7
- title?: string;
8
- subtitle?: string;
9
- }
10
- export declare class PickerItem<TItem, TId> extends React.Component<PickerItemProps<TItem, TId>> {
11
- getAvatarSize: (size: string, isMultiline: boolean) => string | number;
12
- render(): JSX.Element;
13
- }
1
+ import * as React from 'react';
2
+ import { DataRowProps, Icon } from '@epam/uui-core';
3
+ import { SizeMod } from '../types';
4
+ export interface PickerItemProps<TItem, TId> extends DataRowProps<TItem, TId>, SizeMod {
5
+ avatarUrl?: string;
6
+ icon?: Icon;
7
+ title?: string;
8
+ subtitle?: string;
9
+ }
10
+ export declare class PickerItem<TItem, TId> extends React.Component<PickerItemProps<TItem, TId>> {
11
+ getAvatarSize: (size: string, isMultiline: boolean) => string | number;
12
+ render(): JSX.Element;
13
+ }
14
14
  //# sourceMappingURL=PickerItem.d.ts.map
@@ -1,18 +1,18 @@
1
- import React from 'react';
2
- import { PickerListBase, PickerModalOptions } from '@epam/uui-components';
3
- import { DataRowProps, IClickable, IHasCaption, IHasPlaceholder, UuiContexts } from '@epam/uui-core';
4
- import { SizeMod } from '../types';
5
- export type PickerListProps<TItem, TId> = SizeMod & IHasPlaceholder & PickerModalOptions<TItem, TId> & {
6
- renderModalToggler?(props: IClickable & IHasCaption, selection: DataRowProps<TItem, TId>[]): React.ReactNode;
7
- noOptionsMessage?: React.ReactNode;
8
- };
9
- export declare class PickerList<TItem, TId> extends PickerListBase<TItem, TId, PickerListProps<TItem, TId>> {
10
- static contextType: React.Context<import("@epam/uui-core").CommonContexts<any, any>>;
11
- sessionStartTime: number;
12
- context: UuiContexts;
13
- renderRow: (row: DataRowProps<TItem, TId>) => JSX.Element;
14
- handleShowPicker: () => void;
15
- defaultRenderToggler: (props: IClickable) => JSX.Element;
16
- render(): JSX.Element;
17
- }
1
+ import React from 'react';
2
+ import { PickerListBase, PickerModalOptions } from '@epam/uui-components';
3
+ import { DataRowProps, IClickable, IHasCaption, IHasPlaceholder, UuiContexts } from '@epam/uui-core';
4
+ import { SizeMod } from '../types';
5
+ export type PickerListProps<TItem, TId> = SizeMod & IHasPlaceholder & PickerModalOptions<TItem, TId> & {
6
+ renderModalToggler?(props: IClickable & IHasCaption, selection: DataRowProps<TItem, TId>[]): React.ReactNode;
7
+ noOptionsMessage?: React.ReactNode;
8
+ };
9
+ export declare class PickerList<TItem, TId> extends PickerListBase<TItem, TId, PickerListProps<TItem, TId>> {
10
+ static contextType: React.Context<import("@epam/uui-core").CommonContexts<any, any>>;
11
+ sessionStartTime: number;
12
+ context: UuiContexts;
13
+ renderRow: (row: DataRowProps<TItem, TId>) => JSX.Element;
14
+ handleShowPicker: () => void;
15
+ defaultRenderToggler: (props: IClickable) => JSX.Element;
16
+ render(): JSX.Element;
17
+ }
18
18
  //# sourceMappingURL=PickerList.d.ts.map
@@ -1,9 +1,9 @@
1
- import React from 'react';
2
- import { DataRowProps } from '@epam/uui-core';
3
- export interface PickerListItemProps<TItem, TId> extends DataRowProps<TItem, TId> {
4
- getName(item: TItem): string;
5
- }
6
- export declare class PickerListItem<TItem, TId> extends React.Component<PickerListItemProps<TItem, TId>> {
7
- render(): JSX.Element;
8
- }
1
+ import React from 'react';
2
+ import { DataRowProps } from '@epam/uui-core';
3
+ export interface PickerListItemProps<TItem, TId> extends DataRowProps<TItem, TId> {
4
+ getName(item: TItem): string;
5
+ }
6
+ export declare class PickerListItem<TItem, TId> extends React.Component<PickerListItemProps<TItem, TId>> {
7
+ render(): JSX.Element;
8
+ }
9
9
  //# sourceMappingURL=PickerListItem.d.ts.map