@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,51 +1,51 @@
1
- :global(.badge-info) {
2
- --uui-badge-bg: var(--uui-info);
3
- --uui-badge-bg-hover: var(--uui-info-active);
4
- //--bg-color-semitransparent: #{lighten(#008ACE, 50%)};
5
- //--border-color-semitransparent: #{lighten($blue, 40%)};
6
- --uui-badge-caption-solid: white;
7
- //--uui-caption-semitransparent: #{darken($blue, 10%)};
8
- //--uui-caption-semitransparent-hover: #{darken($blue, 20%)};
9
- //--uui-caption-transparent: #{$gray80};
10
- --uui-badge-count-bg: white;
11
- --uui-badge-count: var(--uui-text-secondary);
12
- }
13
-
14
- :global(.badge-success) {
15
- --uui-badge-bg: var(--uui-success);
16
- --uui-badge-bg-hover: var(--uui-success-active);
17
- //--bg-color-semitransparent: #{$cyan-lightest};
18
- //--border-color-semitransparent: #{$cyan-light};
19
- --uui-badge-caption-solid: white;
20
- //--uui-caption-semitransparent: #{$cyan-dark};
21
- //--uui-caption-semitransparent-hover: #{$cyan-darkest};
22
- //--uui-caption-transparent: #{$gray80};
23
- --uui-badge-count-bg: white;
24
- --uui-badge-count: var(--uui-text-secondary);
25
- }
26
-
27
- :global(.badge-warning) {
28
- --uui-badge-bg: var(--uui-warning);
29
- --uui-badge-bg-hover: var(--uui-warning-active);
30
- //--bg-color-semitransparent: #{lighten($green, 50%)};
31
- //--border-color-semitransparent: #{lighten($green, 40%)};
32
- --uui-badge-caption-solid: white;
33
- //--uui-caption-semitransparent: #{darken($green, 10%)};
34
- //--uui-caption-semitransparent-hover: #{darken($green, 20%)};
35
- //--uui-caption-transparent: #{$gray80};
36
- --uui-badge-count-bg: white;
37
- --uui-badge-count: var(--uui-text-secondary);
38
- }
39
-
40
- :global(.badge-error) {
41
- --uui-badge-bg: var(--uui-error);
42
- --uui-badge-bg-hover: var(--uui-error-active);
43
- //--bg-color-semitransparent: #{lighten($amber, 40%)};
44
- //--border-color-semitransparent: #{lighten($amber, 30%)};
45
- --uui-badge-caption-solid: var(--uui-text-primary);
46
- //--uui-caption-semitransparent: #995A00;
47
- //--uui-caption-semitransparent-hover: #804000;
48
- //--uui-caption-transparent: #{$gray80};
49
- --uui-badge-count-bg: white;
50
- --uui-badge-count: var(--uui-text-secondary);
1
+ :global(.badge-info) {
2
+ --uui-badge-bg: var(--uui-info);
3
+ --uui-badge-bg-hover: var(--uui-info-active);
4
+ //--bg-color-semitransparent: #{lighten(#008ACE, 50%)};
5
+ //--border-color-semitransparent: #{lighten($blue, 40%)};
6
+ --uui-badge-caption-solid: white;
7
+ //--uui-caption-semitransparent: #{darken($blue, 10%)};
8
+ //--uui-caption-semitransparent-hover: #{darken($blue, 20%)};
9
+ //--uui-caption-transparent: #{$gray80};
10
+ --uui-badge-count-bg: white;
11
+ --uui-badge-count: var(--uui-text-secondary);
12
+ }
13
+
14
+ :global(.badge-success) {
15
+ --uui-badge-bg: var(--uui-success);
16
+ --uui-badge-bg-hover: var(--uui-success-active);
17
+ //--bg-color-semitransparent: #{$cyan-lightest};
18
+ //--border-color-semitransparent: #{$cyan-light};
19
+ --uui-badge-caption-solid: white;
20
+ //--uui-caption-semitransparent: #{$cyan-dark};
21
+ //--uui-caption-semitransparent-hover: #{$cyan-darkest};
22
+ //--uui-caption-transparent: #{$gray80};
23
+ --uui-badge-count-bg: white;
24
+ --uui-badge-count: var(--uui-text-secondary);
25
+ }
26
+
27
+ :global(.badge-warning) {
28
+ --uui-badge-bg: var(--uui-warning);
29
+ --uui-badge-bg-hover: var(--uui-warning-active);
30
+ //--bg-color-semitransparent: #{lighten($green, 50%)};
31
+ //--border-color-semitransparent: #{lighten($green, 40%)};
32
+ --uui-badge-caption-solid: white;
33
+ //--uui-caption-semitransparent: #{darken($green, 10%)};
34
+ //--uui-caption-semitransparent-hover: #{darken($green, 20%)};
35
+ //--uui-caption-transparent: #{$gray80};
36
+ --uui-badge-count-bg: white;
37
+ --uui-badge-count: var(--uui-text-secondary);
38
+ }
39
+
40
+ :global(.badge-error) {
41
+ --uui-badge-bg: var(--uui-error);
42
+ --uui-badge-bg-hover: var(--uui-error-active);
43
+ //--bg-color-semitransparent: #{lighten($amber, 40%)};
44
+ //--border-color-semitransparent: #{lighten($amber, 30%)};
45
+ --uui-badge-caption-solid: var(--uui-text-primary);
46
+ //--uui-caption-semitransparent: #995A00;
47
+ //--uui-caption-semitransparent-hover: #804000;
48
+ //--uui-caption-transparent: #{$gray80};
49
+ --uui-badge-count-bg: white;
50
+ --uui-badge-count: var(--uui-text-secondary);
51
51
  }
@@ -1,13 +1,13 @@
1
- import { ButtonProps as uuiButtonProps } from '@epam/uui-components';
2
- import { ControlSize, ButtonMode } from '../../types';
3
- export type ButtonColor = 'accent' | 'primary' | 'secondary' | 'negative';
4
- export declare const allButtonColors: ButtonColor[];
5
- export interface ButtonMods {
6
- size?: ControlSize | '18';
7
- mode?: ButtonMode;
8
- color?: ButtonColor;
9
- }
10
- export type ButtonProps = ButtonMods & uuiButtonProps;
11
- export declare function applyButtonMods(mods: ButtonProps): string[];
12
- export declare const Button: (props: uuiButtonProps & ButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
1
+ import { ButtonProps as uuiButtonProps } from '@epam/uui-components';
2
+ import { ControlSize, ButtonMode } from '../../types';
3
+ export type ButtonColor = 'accent' | 'primary' | 'secondary' | 'negative';
4
+ export declare const allButtonColors: ButtonColor[];
5
+ export interface ButtonMods {
6
+ size?: ControlSize | '18';
7
+ mode?: ButtonMode;
8
+ color?: ButtonColor;
9
+ }
10
+ export type ButtonProps = ButtonMods & uuiButtonProps;
11
+ export declare function applyButtonMods(mods: ButtonProps): string[];
12
+ export declare const Button: (props: uuiButtonProps & ButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
13
13
  //# sourceMappingURL=Button.d.ts.map
@@ -1,2 +1,2 @@
1
- export {};
1
+ export {};
2
2
  //# sourceMappingURL=Button.test.d.ts.map
@@ -1,2 +1,2 @@
1
- export * from './Button';
1
+ export * from './Button';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1,10 +1,10 @@
1
- import { IconButtonBaseProps } from '@epam/uui-components';
2
- export type IconColor = 'info' | 'success' | 'warning' | 'error' | 'secondary' | 'default';
3
- export declare const allIconColors: IconColor[];
4
- export interface IconButtonMods {
5
- color?: IconColor;
6
- }
7
- export interface IconButtonProps extends IconButtonBaseProps, IconButtonMods {
8
- }
9
- export declare const IconButton: (props: IconButtonProps & IconButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
1
+ import { IconButtonBaseProps } from '@epam/uui-components';
2
+ export type IconColor = 'info' | 'success' | 'warning' | 'error' | 'secondary' | 'default';
3
+ export declare const allIconColors: IconColor[];
4
+ export interface IconButtonMods {
5
+ color?: IconColor;
6
+ }
7
+ export interface IconButtonProps extends IconButtonBaseProps, IconButtonMods {
8
+ }
9
+ export declare const IconButton: (props: IconButtonProps & IconButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
10
10
  //# sourceMappingURL=IconButton.d.ts.map
@@ -1,8 +1,8 @@
1
- import * as types from '../types';
2
- import { ButtonProps } from '@epam/uui-components';
3
- export interface LinkButtonMods {
4
- size?: types.ControlSize | '42';
5
- }
6
- export type LinkButtonProps = LinkButtonMods & ButtonProps;
7
- export declare const LinkButton: (props: ButtonProps & LinkButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
1
+ import * as types from '../types';
2
+ import { ButtonProps } from '@epam/uui-components';
3
+ export interface LinkButtonMods {
4
+ size?: types.ControlSize | '42';
5
+ }
6
+ export type LinkButtonProps = LinkButtonMods & ButtonProps;
7
+ export declare const LinkButton: (props: ButtonProps & LinkButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
8
8
  //# sourceMappingURL=LinkButton.d.ts.map
@@ -1,8 +1,8 @@
1
- import { ButtonProps } from '@epam/uui-components';
2
- export interface TabButtonMods {
3
- size?: '36' | '48' | '60';
4
- withNotify?: boolean;
5
- }
6
- export type TabButtonProps = TabButtonMods & ButtonProps;
7
- export declare const TabButton: (props: ButtonProps & TabButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
1
+ import { ButtonProps } from '@epam/uui-components';
2
+ export interface TabButtonMods {
3
+ size?: '36' | '48' | '60';
4
+ withNotify?: boolean;
5
+ }
6
+ export type TabButtonProps = TabButtonMods & ButtonProps;
7
+ export declare const TabButton: (props: ButtonProps & TabButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
8
8
  //# sourceMappingURL=TabButton.d.ts.map
@@ -1,5 +1,5 @@
1
- import { ButtonProps } from '@epam/uui-components';
2
- import { TabButtonMods } from './TabButton';
3
- export type VerticalTabButtonProps = ButtonProps & TabButtonMods;
4
- export declare const VerticalTabButton: (props: ButtonProps & TabButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
1
+ import { ButtonProps } from '@epam/uui-components';
2
+ import { TabButtonMods } from './TabButton';
3
+ export type VerticalTabButtonProps = ButtonProps & TabButtonMods;
4
+ export declare const VerticalTabButton: (props: ButtonProps & TabButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
5
5
  //# sourceMappingURL=VerticalTabButton.d.ts.map
@@ -1,3 +1,3 @@
1
- import { ButtonProps } from '@epam/uui-components';
2
- export declare function getIconClass(props: ButtonProps): string[];
1
+ import { ButtonProps } from '@epam/uui-components';
2
+ export declare function getIconClass(props: ButtonProps): string[];
3
3
  //# sourceMappingURL=helper.d.ts.map
@@ -1,6 +1,6 @@
1
- export * from './Button/Button';
2
- export * from './IconButton';
3
- export * from './LinkButton';
4
- export * from './TabButton';
5
- export * from './VerticalTabButton';
1
+ export * from './Button/Button';
2
+ export * from './IconButton';
3
+ export * from './LinkButton';
4
+ export * from './TabButton';
5
+ export * from './VerticalTabButton';
6
6
  //# sourceMappingURL=index.d.ts.map
@@ -1,5 +1,5 @@
1
- import { CalendarProps } from '@epam/uui-components';
2
- import { Dayjs } from 'dayjs';
3
- export declare function applyDateSelectionMods(): string[];
4
- export declare const Calendar: (props: CalendarProps<Dayjs> & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
1
+ import { CalendarProps } from '@epam/uui-components';
2
+ import { Dayjs } from 'dayjs';
3
+ export declare function applyDateSelectionMods(): string[];
4
+ export declare const Calendar: (props: CalendarProps<Dayjs> & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
5
5
  //# sourceMappingURL=Calendar.d.ts.map
@@ -1,4 +1,4 @@
1
- import { CalendarPresetsProps } from '@epam/uui-components';
2
- export declare function applyCalendarPresetsMods(): string[];
3
- export declare const CalendarPresets: (props: CalendarPresetsProps & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
1
+ import { CalendarPresetsProps } from '@epam/uui-components';
2
+ export declare function applyCalendarPresetsMods(): string[];
3
+ export declare const CalendarPresets: (props: CalendarPresetsProps & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
4
4
  //# sourceMappingURL=CalendarPresets.d.ts.map
@@ -1,13 +1,13 @@
1
- /// <reference types="react" />
2
- import { cx, DatePickerCoreProps, IDropdownToggler, DropdownBodyProps } from "@epam/uui-core";
3
- import { BaseDatePicker } from "@epam/uui-components";
4
- import { SizeMod, IHasEditMode } from "../types";
5
- export interface DatePickerProps extends DatePickerCoreProps, SizeMod, IHasEditMode {
6
- }
7
- export declare class DatePicker extends BaseDatePicker<DatePickerProps> {
8
- renderInput: (props: IDropdownToggler & {
9
- cx: any;
10
- }) => JSX.Element;
11
- renderBody(props: DropdownBodyProps): JSX.Element;
12
- }
1
+ /// <reference types="react" />
2
+ import { cx, DatePickerCoreProps, IDropdownToggler, DropdownBodyProps } from "@epam/uui-core";
3
+ import { BaseDatePicker } from "@epam/uui-components";
4
+ import { SizeMod, IHasEditMode } from "../types";
5
+ export interface DatePickerProps extends DatePickerCoreProps, SizeMod, IHasEditMode {
6
+ }
7
+ export declare class DatePicker extends BaseDatePicker<DatePickerProps> {
8
+ renderInput: (props: IDropdownToggler & {
9
+ cx: any;
10
+ }) => JSX.Element;
11
+ renderBody(props: DropdownBodyProps): JSX.Element;
12
+ }
13
13
  //# sourceMappingURL=DatePicker.d.ts.map
@@ -1,4 +1,4 @@
1
- import { DatePickerBodyProps } from '@epam/uui-components';
2
- export declare function applyDatePickerBodyMods(): string[];
3
- export declare const DatePickerBody: (props: DatePickerBodyProps & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
1
+ import { DatePickerBodyProps } from '@epam/uui-components';
2
+ export declare function applyDatePickerBodyMods(): string[];
3
+ export declare const DatePickerBody: (props: DatePickerBodyProps & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
4
4
  //# sourceMappingURL=DatePickerBody.d.ts.map
@@ -1,13 +1,13 @@
1
- /// <reference types="react" />
2
- import { IDropdownToggler, BaseRangeDatePickerProps, DropdownBodyProps } from "@epam/uui-core";
3
- import { BaseRangeDatePicker } from '@epam/uui-components';
4
- import { SizeMod } from '../index';
5
- export interface RangeDatePickerProps extends BaseRangeDatePickerProps, SizeMod {
6
- getPlaceholder?(type: InputType): string;
7
- }
8
- export type InputType = 'from' | 'to';
9
- export declare class RangeDatePicker extends BaseRangeDatePicker<RangeDatePickerProps> {
10
- renderBody(props: DropdownBodyProps): JSX.Element;
11
- renderInput: (props: IDropdownToggler) => JSX.Element;
12
- }
1
+ /// <reference types="react" />
2
+ import { IDropdownToggler, BaseRangeDatePickerProps, DropdownBodyProps } from "@epam/uui-core";
3
+ import { BaseRangeDatePicker } from '@epam/uui-components';
4
+ import { SizeMod } from '../index';
5
+ export interface RangeDatePickerProps extends BaseRangeDatePickerProps, SizeMod {
6
+ getPlaceholder?(type: InputType): string;
7
+ }
8
+ export type InputType = 'from' | 'to';
9
+ export declare class RangeDatePicker extends BaseRangeDatePicker<RangeDatePickerProps> {
10
+ renderBody(props: DropdownBodyProps): JSX.Element;
11
+ renderInput: (props: IDropdownToggler) => JSX.Element;
12
+ }
13
13
  //# sourceMappingURL=RangeDatePicker.d.ts.map
@@ -1,4 +1,4 @@
1
- import { RangeDatePickerValue, RangeDatePickerBodyProps } from '@epam/uui-components';
2
- export declare function applyRangeDatePickerBodyMods(): string[];
3
- export declare const RangeDatePickerBody: (props: RangeDatePickerBodyProps<RangeDatePickerValue> & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
1
+ import { RangeDatePickerValue, RangeDatePickerBodyProps } from '@epam/uui-components';
2
+ export declare function applyRangeDatePickerBodyMods(): string[];
3
+ export declare const RangeDatePickerBody: (props: RangeDatePickerBodyProps<RangeDatePickerValue> & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
4
4
  //# sourceMappingURL=RangeDatePickerBody.d.ts.map
@@ -1,6 +1,6 @@
1
- export * from './DatePicker';
2
- export * from './DatePickerBody';
3
- export * from './Calendar';
4
- export * from './RangeDatePicker';
5
- export * from './RangeDatePickerBody';
1
+ export * from './DatePicker';
2
+ export * from './DatePickerBody';
3
+ export * from './Calendar';
4
+ export * from './RangeDatePicker';
5
+ export * from './RangeDatePickerBody';
6
6
  //# sourceMappingURL=index.d.ts.map
@@ -1,9 +1,9 @@
1
- import * as React from 'react';
2
- import { DndActorRenderParams, IHasCX } from '@epam/uui-core';
3
- export interface DropMarkerProps extends DndActorRenderParams, IHasCX {
4
- enableBlocker?: boolean;
5
- }
6
- export declare class DropMarker extends React.Component<DropMarkerProps> {
7
- render(): JSX.Element;
8
- }
1
+ import * as React from 'react';
2
+ import { DndActorRenderParams, IHasCX } from '@epam/uui-core';
3
+ export interface DropMarkerProps extends DndActorRenderParams, IHasCX {
4
+ enableBlocker?: boolean;
5
+ }
6
+ export declare class DropMarker extends React.Component<DropMarkerProps> {
7
+ render(): JSX.Element;
8
+ }
9
9
  //# sourceMappingURL=DropMarker.d.ts.map
@@ -1,2 +1,2 @@
1
- export * from './DropMarker';
1
+ export * from './DropMarker';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1,14 +1,14 @@
1
- /// <reference types="react" />
2
- import { DatePickerCoreProps, IDropdownBodyProps } from "@epam/uui-core";
3
- import { BaseDatePicker, DatePickerState } from '@epam/uui-components';
4
- export interface DatePickerProps extends DatePickerCoreProps, IDropdownBodyProps {
5
- }
6
- export declare class FilterDataPickerBody extends BaseDatePicker<DatePickerProps> {
7
- state: DatePickerState;
8
- renderInput: () => any;
9
- onToggleHandler: (val: boolean) => void;
10
- handleCancel: () => void;
11
- renderBody(): JSX.Element;
12
- render(): JSX.Element;
13
- }
1
+ /// <reference types="react" />
2
+ import { DatePickerCoreProps, IDropdownBodyProps } from "@epam/uui-core";
3
+ import { BaseDatePicker, DatePickerState } from '@epam/uui-components';
4
+ export interface DatePickerProps extends DatePickerCoreProps, IDropdownBodyProps {
5
+ }
6
+ export declare class FilterDataPickerBody extends BaseDatePicker<DatePickerProps> {
7
+ state: DatePickerState;
8
+ renderInput: () => any;
9
+ onToggleHandler: (val: boolean) => void;
10
+ handleCancel: () => void;
11
+ renderBody(): JSX.Element;
12
+ render(): JSX.Element;
13
+ }
14
14
  //# sourceMappingURL=FilterDataPickerBody.d.ts.map
@@ -1,3 +1,3 @@
1
- import { IFilterItemBodyProps } from "@epam/uui-core";
2
- export declare const FilterItemBody: (props: IFilterItemBodyProps<any>) => JSX.Element;
1
+ import { IFilterItemBodyProps } from "@epam/uui-core";
2
+ export declare const FilterItemBody: (props: IFilterItemBodyProps<any>) => JSX.Element;
3
3
  //# sourceMappingURL=FilterItemBody.d.ts.map
@@ -1,13 +1,13 @@
1
- import { DropdownBodyProps } from "@epam/uui-core";
2
- interface INumericRangeValue {
3
- from: number | null;
4
- to: number | null;
5
- }
6
- interface IFilterNumericBodyProps extends DropdownBodyProps {
7
- onValueChange: (value: number | INumericRangeValue) => void;
8
- value: undefined | number | INumericRangeValue;
9
- selectedPredicate?: string;
10
- }
11
- export declare const FilterNumericBody: (props: IFilterNumericBodyProps) => JSX.Element;
12
- export {};
1
+ import { DropdownBodyProps } from "@epam/uui-core";
2
+ interface INumericRangeValue {
3
+ from: number | null;
4
+ to: number | null;
5
+ }
6
+ interface IFilterNumericBodyProps extends DropdownBodyProps {
7
+ onValueChange: (value: number | INumericRangeValue) => void;
8
+ value: undefined | number | INumericRangeValue;
9
+ selectedPredicate?: string;
10
+ }
11
+ export declare const FilterNumericBody: (props: IFilterNumericBodyProps) => JSX.Element;
12
+ export {};
13
13
  //# sourceMappingURL=FilterNumericBody.d.ts.map
@@ -1,13 +1,13 @@
1
- import * as React from 'react';
2
- import { IDropdownToggler, IHasCX } from "@epam/uui-core";
3
- export interface FilterToolbarItemTogglerProps extends IDropdownToggler {
4
- selection: string | null | JSX.Element;
5
- postfix?: string | null | JSX.Element;
6
- title?: string;
7
- maxWidth?: string;
8
- size?: '24' | '30' | '36' | '42' | '48';
9
- cx?: IHasCX;
10
- predicateName: string | null;
11
- }
12
- export declare const FilterPanelItemToggler: React.ForwardRefExoticComponent<Pick<FilterToolbarItemTogglerProps, "isDisabled" | "onClick" | "caption" | "title" | "cx" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "size" | "selection" | "maxWidth" | "postfix" | "predicateName"> & React.RefAttributes<HTMLDivElement>>;
1
+ import * as React from 'react';
2
+ import { IDropdownToggler, IHasCX } from "@epam/uui-core";
3
+ export interface FilterToolbarItemTogglerProps extends IDropdownToggler {
4
+ selection: string | null | JSX.Element;
5
+ postfix?: string | null | JSX.Element;
6
+ title?: string;
7
+ maxWidth?: string;
8
+ size?: '24' | '30' | '36' | '42' | '48';
9
+ cx?: IHasCX;
10
+ predicateName: string | null;
11
+ }
12
+ export declare const FilterPanelItemToggler: React.ForwardRefExoticComponent<Pick<FilterToolbarItemTogglerProps, "isDisabled" | "onClick" | "caption" | "title" | "cx" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "size" | "selection" | "maxWidth" | "postfix" | "predicateName"> & React.RefAttributes<HTMLDivElement>>;
13
13
  //# sourceMappingURL=FilterPanelItemToggler.d.ts.map
@@ -1,20 +1,20 @@
1
- import * as React from 'react';
2
- import { DataRowProps, DataSourceListProps, DropdownBodyProps, IDisableable, IDropdownToggler, IEditable } from '@epam/uui-core';
3
- import { PickerBodyBaseProps, PickerInputBase, PickerTogglerProps } from '@epam/uui-components';
4
- interface FilterPickerBodyProps extends DropdownBodyProps {
5
- }
6
- export declare class FilterPickerBody<TItem, TId> extends PickerInputBase<TItem, TId, FilterPickerBodyProps> {
7
- shouldShowBody(): boolean;
8
- toggleModalOpening(opened: boolean): void;
9
- renderItem: (item: TItem, rowProps: DataRowProps<TItem, TId>) => JSX.Element;
10
- onSelect: (row: DataRowProps<TItem, TId>) => void;
11
- renderRow: (rowProps: DataRowProps<TItem, TId>) => string | number | boolean | React.ReactFragment | JSX.Element;
12
- renderFooter: (isSelectAll: (IEditable<boolean> & IDisableable & {
13
- indeterminate?: boolean;
14
- }) | undefined) => JSX.Element;
15
- renderTarget(targetProps: IDropdownToggler & PickerTogglerProps<TItem, TId>): JSX.Element;
16
- renderBody(props: DataSourceListProps & Omit<PickerBodyBaseProps, 'rows'>, rows: DataRowProps<TItem, TId>[]): JSX.Element;
17
- render(): JSX.Element;
18
- }
19
- export {};
1
+ import * as React from 'react';
2
+ import { DataRowProps, DataSourceListProps, DropdownBodyProps, IDisableable, IDropdownToggler, IEditable } from '@epam/uui-core';
3
+ import { PickerBodyBaseProps, PickerInputBase, PickerTogglerProps } from '@epam/uui-components';
4
+ interface FilterPickerBodyProps extends DropdownBodyProps {
5
+ }
6
+ export declare class FilterPickerBody<TItem, TId> extends PickerInputBase<TItem, TId, FilterPickerBodyProps> {
7
+ shouldShowBody(): boolean;
8
+ toggleModalOpening(opened: boolean): void;
9
+ renderItem: (item: TItem, rowProps: DataRowProps<TItem, TId>) => JSX.Element;
10
+ onSelect: (row: DataRowProps<TItem, TId>) => void;
11
+ renderRow: (rowProps: DataRowProps<TItem, TId>) => string | number | boolean | React.ReactFragment | JSX.Element;
12
+ renderFooter: (isSelectAll: (IEditable<boolean> & IDisableable & {
13
+ indeterminate?: boolean;
14
+ }) | undefined) => JSX.Element;
15
+ renderTarget(targetProps: IDropdownToggler & PickerTogglerProps<TItem, TId>): JSX.Element;
16
+ renderBody(props: DataSourceListProps & Omit<PickerBodyBaseProps, 'rows'>, rows: DataRowProps<TItem, TId>[]): JSX.Element;
17
+ render(): JSX.Element;
18
+ }
19
+ export {};
20
20
  //# sourceMappingURL=FilterPickerBody.d.ts.map
@@ -1,19 +1,19 @@
1
- /// <reference types="react" />
2
- import { BaseRangeDatePickerProps, IDropdownBodyProps, RangeDatePickerInputType } from "@epam/uui-core";
3
- import { BaseRangeDatePicker } from '@epam/uui-components';
4
- export interface RangeDatePickerProps extends BaseRangeDatePickerProps, IDropdownBodyProps {
5
- }
6
- export declare class FilterRangeDatePickerBody extends BaseRangeDatePicker<RangeDatePickerProps> {
7
- state: {
8
- inFocus: RangeDatePickerInputType;
9
- isOpen: boolean;
10
- inputValue: import("@epam/uui-components").RangeDatePickerValue;
11
- selectedDate: import("@epam/uui-components").RangeDatePickerValue;
12
- displayedDate: import("dayjs").Dayjs;
13
- view: import("@epam/uui-components").ViewType;
14
- };
15
- renderBody(): JSX.Element;
16
- renderInput: () => any;
17
- render(): JSX.Element;
18
- }
1
+ /// <reference types="react" />
2
+ import { BaseRangeDatePickerProps, IDropdownBodyProps, RangeDatePickerInputType } from "@epam/uui-core";
3
+ import { BaseRangeDatePicker } from '@epam/uui-components';
4
+ export interface RangeDatePickerProps extends BaseRangeDatePickerProps, IDropdownBodyProps {
5
+ }
6
+ export declare class FilterRangeDatePickerBody extends BaseRangeDatePicker<RangeDatePickerProps> {
7
+ state: {
8
+ inFocus: RangeDatePickerInputType;
9
+ isOpen: boolean;
10
+ inputValue: import("@epam/uui-components").RangeDatePickerValue;
11
+ selectedDate: import("@epam/uui-components").RangeDatePickerValue;
12
+ displayedDate: import("dayjs").Dayjs;
13
+ view: import("@epam/uui-components").ViewType;
14
+ };
15
+ renderBody(): JSX.Element;
16
+ renderInput: () => any;
17
+ render(): JSX.Element;
18
+ }
19
19
  //# sourceMappingURL=FilterRangeDatePickerBody.d.ts.map
@@ -1,9 +1,9 @@
1
- import { TableFiltersConfig, DataTableState } from "@epam/uui-core";
2
- interface FiltersToolbarProps<TFilter> {
3
- filters: TableFiltersConfig<TFilter>[];
4
- tableState: DataTableState;
5
- setTableState: (newState: DataTableState) => void;
6
- }
7
- export declare const FiltersPanel: <TFilter extends object>(props: FiltersToolbarProps<TFilter>) => JSX.Element;
8
- export {};
1
+ import { TableFiltersConfig, DataTableState } from "@epam/uui-core";
2
+ interface FiltersToolbarProps<TFilter> {
3
+ filters: TableFiltersConfig<TFilter>[];
4
+ tableState: DataTableState;
5
+ setTableState: (newState: DataTableState) => void;
6
+ }
7
+ export declare const FiltersPanel: <TFilter extends object>(props: FiltersToolbarProps<TFilter>) => JSX.Element;
8
+ export {};
9
9
  //# sourceMappingURL=FiltersPanel.d.ts.map
@@ -1,8 +1,8 @@
1
- import React from "react";
2
- import { TableFiltersConfig, IEditable } from "@epam/uui-core";
3
- export type FiltersToolbarItemProps = TableFiltersConfig<any> & IEditable<any> & {
4
- autoFocus?: boolean;
5
- removeFilter?: (field: any) => void;
6
- };
7
- export declare const FiltersPanelItem: React.MemoExoticComponent<(props: FiltersToolbarItemProps) => JSX.Element>;
1
+ import React from "react";
2
+ import { TableFiltersConfig, IEditable } from "@epam/uui-core";
3
+ export type FiltersToolbarItemProps = TableFiltersConfig<any> & IEditable<any> & {
4
+ autoFocus?: boolean;
5
+ removeFilter?: (field: any) => void;
6
+ };
7
+ export declare const FiltersPanelItem: React.MemoExoticComponent<(props: FiltersToolbarItemProps) => JSX.Element>;
8
8
  //# sourceMappingURL=FiltersPanelItem.d.ts.map
@@ -1,9 +1,9 @@
1
- import { DataTableState, IPresetsApi, ITablePreset } from "@epam/uui-core";
2
- interface IPresetProps extends Omit<IPresetsApi, 'presets'> {
3
- preset: ITablePreset;
4
- addPreset: () => void;
5
- tableState: DataTableState;
6
- }
7
- export declare const Preset: (props: IPresetProps) => JSX.Element;
8
- export {};
1
+ import { DataTableState, IPresetsApi, ITablePreset } from "@epam/uui-core";
2
+ interface IPresetProps extends Omit<IPresetsApi, 'presets'> {
3
+ preset: ITablePreset;
4
+ addPreset: () => void;
5
+ tableState: DataTableState;
6
+ }
7
+ export declare const Preset: (props: IPresetProps) => JSX.Element;
8
+ export {};
9
9
  //# sourceMappingURL=Preset.d.ts.map
@@ -1,10 +1,10 @@
1
- import { IPresetsApi, ITablePreset, DataTableState } from "@epam/uui-core";
2
- interface ITubButtonDropdownProps extends Omit<IPresetsApi, 'presets'> {
3
- preset: ITablePreset;
4
- addPreset: () => void;
5
- tableState: DataTableState;
6
- renamePreset: () => void;
7
- }
8
- export declare const PresetActionsDropdown: (props: ITubButtonDropdownProps) => JSX.Element;
9
- export {};
1
+ import { IPresetsApi, ITablePreset, DataTableState } from "@epam/uui-core";
2
+ interface ITubButtonDropdownProps extends Omit<IPresetsApi, 'presets'> {
3
+ preset: ITablePreset;
4
+ addPreset: () => void;
5
+ tableState: DataTableState;
6
+ renamePreset: () => void;
7
+ }
8
+ export declare const PresetActionsDropdown: (props: ITubButtonDropdownProps) => JSX.Element;
9
+ export {};
10
10
  //# sourceMappingURL=PresetActionsDropdown.d.ts.map
@@ -1,9 +1,9 @@
1
- import { ITablePreset } from "@epam/uui-core";
2
- interface IPresetInputProps {
3
- onCancel: () => void;
4
- onSuccess?: (name: string) => Promise<any>;
5
- preset?: ITablePreset;
6
- }
7
- export declare const PresetInput: (props: IPresetInputProps) => JSX.Element;
8
- export {};
1
+ import { ITablePreset } from "@epam/uui-core";
2
+ interface IPresetInputProps {
3
+ onCancel: () => void;
4
+ onSuccess?: (name: string) => Promise<any>;
5
+ preset?: ITablePreset;
6
+ }
7
+ export declare const PresetInput: (props: IPresetInputProps) => JSX.Element;
8
+ export {};
9
9
  //# sourceMappingURL=PresetInput.d.ts.map