@epam/uui 4.11.0-alpha.0 → 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 (210) 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 -0
  13. package/assets/styles/typography.scss +38 -3
  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 +14 -0
  34. package/components/filters/FilterDataPickerBody.d.ts.map +1 -0
  35. package/components/filters/FilterItemBody.d.ts +3 -0
  36. package/components/filters/FilterItemBody.d.ts.map +1 -0
  37. package/components/filters/FilterNumericBody.d.ts +13 -0
  38. package/components/filters/FilterNumericBody.d.ts.map +1 -0
  39. package/components/filters/FilterPanelItemToggler.d.ts +13 -0
  40. package/components/filters/FilterPanelItemToggler.d.ts.map +1 -0
  41. package/components/filters/FilterPickerBody.d.ts +20 -0
  42. package/components/filters/FilterPickerBody.d.ts.map +1 -0
  43. package/components/filters/FilterRangeDatePickerBody.d.ts +19 -0
  44. package/components/filters/FilterRangeDatePickerBody.d.ts.map +1 -0
  45. package/components/filters/FiltersPanel.d.ts +9 -0
  46. package/components/filters/FiltersPanel.d.ts.map +1 -0
  47. package/components/filters/FiltersPanelItem.d.ts +8 -0
  48. package/components/filters/FiltersPanelItem.d.ts.map +1 -0
  49. package/components/filters/PresetPanel/Preset.d.ts +9 -0
  50. package/components/filters/PresetPanel/Preset.d.ts.map +1 -0
  51. package/components/filters/PresetPanel/PresetActionsDropdown.d.ts +10 -0
  52. package/components/filters/PresetPanel/PresetActionsDropdown.d.ts.map +1 -0
  53. package/components/filters/PresetPanel/PresetInput.d.ts +9 -0
  54. package/components/filters/PresetPanel/PresetInput.d.ts.map +1 -0
  55. package/components/filters/PresetPanel/PresetsPanel.d.ts +7 -0
  56. package/components/filters/PresetPanel/PresetsPanel.d.ts.map +1 -0
  57. package/components/filters/PresetPanel/index.d.ts +2 -0
  58. package/components/filters/PresetPanel/index.d.ts.map +1 -0
  59. package/components/filters/defaultPredicates.d.ts +5 -0
  60. package/components/filters/defaultPredicates.d.ts.map +1 -0
  61. package/components/filters/index.d.ts +5 -0
  62. package/components/filters/index.d.ts.map +1 -0
  63. package/components/forms/Form.d.ts +4 -0
  64. package/components/forms/Form.d.ts.map +1 -0
  65. package/components/forms/index.d.ts +3 -0
  66. package/components/forms/index.d.ts.map +1 -0
  67. package/components/forms/useForm.d.ts +3 -0
  68. package/components/forms/useForm.d.ts.map +1 -0
  69. package/components/index.d.ts +14 -11
  70. package/components/index.d.ts.map +1 -1
  71. package/components/inputs/Checkbox.d.ts +8 -8
  72. package/components/inputs/MultiSwitch.d.ts +15 -15
  73. package/components/inputs/NumericInput.d.ts +8 -8
  74. package/components/inputs/RadioInput.d.ts +6 -6
  75. package/components/inputs/Switch.d.ts +6 -6
  76. package/components/inputs/TextArea.d.ts +9 -9
  77. package/components/inputs/TextInput.d.ts +12 -12
  78. package/components/inputs/index.d.ts +7 -7
  79. package/components/layout/Accordion.d.ts +6 -7
  80. package/components/layout/Accordion.d.ts.map +1 -1
  81. package/components/layout/Blocker.d.ts +4 -0
  82. package/components/layout/Blocker.d.ts.map +1 -0
  83. package/components/layout/CheckboxGroup.d.ts +3 -0
  84. package/components/layout/CheckboxGroup.d.ts.map +1 -0
  85. package/components/layout/ControlGroup.d.ts +2 -2
  86. package/components/layout/FlexItems/FlexCell.d.ts +11 -11
  87. package/components/layout/FlexItems/FlexRow.d.ts +16 -16
  88. package/components/layout/FlexItems/FlexSpacer.d.ts +4 -4
  89. package/components/layout/FlexItems/Panel.d.ts +7 -7
  90. package/components/layout/FlexItems/index.d.ts +4 -4
  91. package/components/layout/LabeledInput.d.ts +5 -5
  92. package/components/layout/RadioGroup.d.ts +2 -2
  93. package/components/layout/ScrollBars.d.ts +3 -3
  94. package/components/layout/VirtualList.d.ts +2 -2
  95. package/components/layout/index.d.ts +10 -8
  96. package/components/layout/index.d.ts.map +1 -1
  97. package/components/navigation/MainMenu/Burger/Burger.d.ts +6 -0
  98. package/components/navigation/MainMenu/Burger/Burger.d.ts.map +1 -0
  99. package/components/navigation/MainMenu/Burger/BurgerButton.d.ts +8 -0
  100. package/components/navigation/MainMenu/Burger/BurgerButton.d.ts.map +1 -0
  101. package/components/navigation/MainMenu/Burger/BurgerGroupHeader.d.ts +5 -0
  102. package/components/navigation/MainMenu/Burger/BurgerGroupHeader.d.ts.map +1 -0
  103. package/components/navigation/MainMenu/Burger/BurgerSearch.d.ts +5 -0
  104. package/components/navigation/MainMenu/Burger/BurgerSearch.d.ts.map +1 -0
  105. package/components/navigation/MainMenu/Burger/index.d.ts +5 -0
  106. package/components/navigation/MainMenu/Burger/index.d.ts.map +1 -0
  107. package/components/navigation/MainMenu/GlobalMenu.d.ts +6 -0
  108. package/components/navigation/MainMenu/GlobalMenu.d.ts.map +1 -0
  109. package/components/navigation/MainMenu/MainMenu.d.ts +5 -0
  110. package/components/navigation/MainMenu/MainMenu.d.ts.map +1 -0
  111. package/components/navigation/MainMenu/MainMenuAvatar.d.ts +8 -0
  112. package/components/navigation/MainMenu/MainMenuAvatar.d.ts.map +1 -0
  113. package/components/navigation/MainMenu/MainMenuButton.d.ts +7 -0
  114. package/components/navigation/MainMenu/MainMenuButton.d.ts.map +1 -0
  115. package/components/navigation/MainMenu/MainMenuDropdown.d.ts +6 -0
  116. package/components/navigation/MainMenu/MainMenuDropdown.d.ts.map +1 -0
  117. package/components/navigation/MainMenu/MainMenuIcon.d.ts +8 -0
  118. package/components/navigation/MainMenu/MainMenuIcon.d.ts.map +1 -0
  119. package/components/navigation/MainMenu/MainMenuSearch.d.ts +7 -0
  120. package/components/navigation/MainMenu/MainMenuSearch.d.ts.map +1 -0
  121. package/components/navigation/MainMenu/index.d.ts +9 -0
  122. package/components/navigation/MainMenu/index.d.ts.map +1 -0
  123. package/components/navigation/index.d.ts +2 -0
  124. package/components/navigation/index.d.ts.map +1 -0
  125. package/components/overlays/Alert.d.ts +24 -0
  126. package/components/overlays/Alert.d.ts.map +1 -0
  127. package/components/overlays/ConfirmationModal.d.ts +11 -0
  128. package/components/overlays/ConfirmationModal.d.ts.map +1 -0
  129. package/components/overlays/Dropdown.d.ts +5 -5
  130. package/components/overlays/DropdownContainer.d.ts +8 -5
  131. package/components/overlays/DropdownContainer.d.ts.map +1 -1
  132. package/components/overlays/DropdownMenu.d.ts +33 -33
  133. package/components/overlays/Modals.d.ts +19 -22
  134. package/components/overlays/Modals.d.ts.map +1 -1
  135. package/components/overlays/NotificationCard.d.ts +25 -30
  136. package/components/overlays/NotificationCard.d.ts.map +1 -1
  137. package/components/overlays/Tooltip.d.ts +5 -5
  138. package/components/overlays/index.d.ts +7 -6
  139. package/components/overlays/index.d.ts.map +1 -1
  140. package/components/pickers/DataPickerBody.d.ts +16 -16
  141. package/components/pickers/DataPickerFooter.d.ts +8 -8
  142. package/components/pickers/DataPickerHeader.d.ts +7 -7
  143. package/components/pickers/DataPickerRow.d.ts +15 -15
  144. package/components/pickers/MobileDropdownWrapper.d.ts +10 -10
  145. package/components/pickers/PickerInput.d.ts +16 -16
  146. package/components/pickers/PickerItem.d.ts +13 -13
  147. package/components/pickers/PickerList.d.ts +17 -17
  148. package/components/pickers/PickerList.d.ts.map +1 -1
  149. package/components/pickers/PickerListItem.d.ts +8 -8
  150. package/components/pickers/PickerModal.d.ts +16 -16
  151. package/components/pickers/PickerToggler.d.ts +7 -7
  152. package/components/pickers/index.d.ts +11 -11
  153. package/components/tables/ColumnHeaderDropdown/ColumnHeaderDropdown.d.ts +13 -13
  154. package/components/tables/ColumnHeaderDropdown/SortingPanel.d.ts +7 -7
  155. package/components/tables/ColumnHeaderDropdown/index.d.ts +1 -1
  156. package/components/tables/DataTable.d.ts +15 -15
  157. package/components/tables/DataTable.d.ts.map +1 -1
  158. package/components/tables/DataTableCell.d.ts +4 -4
  159. package/components/tables/DataTableCell.d.ts.map +1 -1
  160. package/components/tables/DataTableHeaderCell.d.ts +18 -18
  161. package/components/tables/DataTableHeaderRow.d.ts +4 -4
  162. package/components/tables/DataTableRow.d.ts +10 -10
  163. package/components/tables/columnsConfigurationModal/ColumnRow.d.ts +6 -6
  164. package/components/tables/columnsConfigurationModal/ColumnsConfigurationModal.d.ts +9 -9
  165. package/components/tables/columnsConfigurationModal/PinIconButton.d.ts +9 -9
  166. package/components/tables/columnsConfigurationModal/index.d.ts +1 -1
  167. package/components/tables/index.d.ts +8 -8
  168. package/components/tables/types.d.ts +31 -31
  169. package/components/types.d.ts +34 -32
  170. package/components/types.d.ts.map +1 -1
  171. package/components/typography/RichTextView.d.ts +7 -0
  172. package/components/typography/RichTextView.d.ts.map +1 -0
  173. package/components/typography/Text.d.ts +11 -11
  174. package/components/typography/Text.d.ts.map +1 -1
  175. package/components/typography/TextPlaceholder.d.ts +9 -7
  176. package/components/typography/TextPlaceholder.d.ts.map +1 -1
  177. package/components/typography/index.d.ts +3 -2
  178. package/components/typography/index.d.ts.map +1 -1
  179. package/components/widgets/Avatar.d.ts +2 -2
  180. package/components/widgets/Badge.d.ts +14 -14
  181. package/components/widgets/Spinner.d.ts +6 -0
  182. package/components/widgets/Spinner.d.ts.map +1 -0
  183. package/components/widgets/Tag.d.ts +8 -8
  184. package/components/widgets/index.d.ts +4 -3
  185. package/components/widgets/index.d.ts.map +1 -1
  186. package/helpers/index.d.ts +3 -0
  187. package/helpers/index.d.ts.map +1 -0
  188. package/helpers/textLayout.d.ts +8 -8
  189. package/helpers/useColumnsWithFilters.d.ts +3 -0
  190. package/helpers/useColumnsWithFilters.d.ts.map +1 -0
  191. package/i18n.d.ts +103 -90
  192. package/i18n.d.ts.map +1 -1
  193. package/icons/icons.d.ts +3 -3
  194. package/index.d.ts +4 -3
  195. package/index.d.ts.map +1 -1
  196. package/index.js +2771 -1684
  197. package/index.js.map +1 -1
  198. package/package.json +5 -5
  199. package/readme.md +4 -4
  200. package/stats.html +1 -1
  201. package/styles.css +8578 -2507
  202. package/styles.css.map +1 -1
  203. package/assets/styles/fonts-variables.scss +0 -24
  204. package/assets/styles/variables/layout/accordion.scss +0 -10
  205. package/assets/styles/variables/overlays/dropdownContainer.scss +0 -5
  206. package/assets/styles/variables/overlays/notificationCard.scss +0 -28
  207. package/assets/styles/variables/typography/text.scss +0 -19
  208. package/assets/styles/variables/typography/textPlaceholder.scss +0 -4
  209. package/components/layout/IconContainer.d.ts +0 -8
  210. package/components/layout/IconContainer.d.ts.map +0 -1
@@ -1,11 +1,11 @@
1
- import * as React from 'react';
2
- import { DataTableCellProps, DndActorRenderParams, DataTableRowProps } from '@epam/uui-core';
3
- import { DataTableRowMods } from './types';
4
- export declare const renderCell: (props: DataTableCellProps) => JSX.Element;
5
- export declare const renderDropMarkers: (props: DndActorRenderParams) => JSX.Element;
6
- export declare const propsMods: {
7
- renderCell: (props: DataTableCellProps) => JSX.Element;
8
- renderDropMarkers: (props: DndActorRenderParams) => JSX.Element;
9
- };
10
- export declare const DataTableRow: (props: DataTableRowProps<any, any> & DataTableRowMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
1
+ import * as React from 'react';
2
+ import { DataTableCellProps, DndActorRenderParams, DataTableRowProps } from '@epam/uui-core';
3
+ import { DataTableRowMods } from './types';
4
+ export declare const renderCell: (props: DataTableCellProps) => JSX.Element;
5
+ export declare const renderDropMarkers: (props: DndActorRenderParams) => JSX.Element;
6
+ export declare const propsMods: {
7
+ renderCell: (props: DataTableCellProps) => JSX.Element;
8
+ renderDropMarkers: (props: DndActorRenderParams) => JSX.Element;
9
+ };
10
+ export declare const DataTableRow: (props: DataTableRowProps<any, any> & DataTableRowMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
11
11
  //# sourceMappingURL=DataTableRow.d.ts.map
@@ -1,7 +1,7 @@
1
- import * as React from "react";
2
- import { ColumnsConfigurationRowProps } from "@epam/uui-components";
3
- export interface ColumnRowProps {
4
- column: ColumnsConfigurationRowProps;
5
- }
6
- export declare const ColumnRow: React.NamedExoticComponent<ColumnRowProps>;
1
+ import * as React from "react";
2
+ import { ColumnsConfigurationRowProps } from "@epam/uui-components";
3
+ export interface ColumnRowProps {
4
+ column: ColumnsConfigurationRowProps;
5
+ }
6
+ export declare const ColumnRow: React.NamedExoticComponent<ColumnRowProps>;
7
7
  //# sourceMappingURL=ColumnRow.d.ts.map
@@ -1,10 +1,10 @@
1
- /// <reference types="react" />
2
- import { ColumnsConfig, DataColumnProps, IModal } from "@epam/uui-core";
3
- interface ColumnsConfigurationModalProps<TItem, TId, TFilter> extends IModal<ColumnsConfig> {
4
- columnsConfig?: ColumnsConfig;
5
- defaultConfig: ColumnsConfig;
6
- columns: DataColumnProps<TItem, TId, TFilter>[];
7
- }
8
- export declare function ColumnsConfigurationModal<TItem, TId, TFilter>(props: ColumnsConfigurationModalProps<TItem, TId, TFilter>): JSX.Element;
9
- export {};
1
+ /// <reference types="react" />
2
+ import { ColumnsConfig, DataColumnProps, IModal } from "@epam/uui-core";
3
+ interface ColumnsConfigurationModalProps<TItem, TId, TFilter> extends IModal<ColumnsConfig> {
4
+ columnsConfig?: ColumnsConfig;
5
+ defaultConfig: ColumnsConfig;
6
+ columns: DataColumnProps<TItem, TId, TFilter>[];
7
+ }
8
+ export declare function ColumnsConfigurationModal<TItem, TId, TFilter>(props: ColumnsConfigurationModalProps<TItem, TId, TFilter>): JSX.Element;
9
+ export {};
10
10
  //# sourceMappingURL=ColumnsConfigurationModal.d.ts.map
@@ -1,10 +1,10 @@
1
- /// <reference types="react" />
2
- interface IPinIconButton {
3
- isPinned: boolean;
4
- canUnpin: boolean;
5
- onTogglePin: (id: string) => void;
6
- id: string;
7
- }
8
- export declare function PinIconButton(props: IPinIconButton): JSX.Element;
9
- export {};
1
+ /// <reference types="react" />
2
+ interface IPinIconButton {
3
+ isPinned: boolean;
4
+ canUnpin: boolean;
5
+ onTogglePin: (id: string) => void;
6
+ id: string;
7
+ }
8
+ export declare function PinIconButton(props: IPinIconButton): JSX.Element;
9
+ export {};
10
10
  //# sourceMappingURL=PinIconButton.d.ts.map
@@ -1,2 +1,2 @@
1
- export * from './ColumnsConfigurationModal';
1
+ export * from './ColumnsConfigurationModal';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1,9 +1,9 @@
1
- export * from './DataTableCell';
2
- export * from './DataTableRow';
3
- export * from './DataTableHeaderRow';
4
- export * from './DataTableHeaderCell';
5
- export * from './DataTable';
6
- export * from './columnsConfigurationModal';
7
- export * from './ColumnHeaderDropdown';
8
- export * from './types';
1
+ export * from './DataTableCell';
2
+ export * from './DataTableRow';
3
+ export * from './DataTableHeaderRow';
4
+ export * from './DataTableHeaderCell';
5
+ export * from './DataTable';
6
+ export * from './columnsConfigurationModal';
7
+ export * from './ColumnHeaderDropdown';
8
+ export * from './types';
9
9
  //# sourceMappingURL=index.d.ts.map
@@ -1,32 +1,32 @@
1
- import { ControlSize } from '..';
2
- interface BaseRowMods {
3
- size?: ControlSize | '60';
4
- }
5
- export interface DataTableMods {
6
- size?: ControlSize;
7
- border?: boolean;
8
- headerTextCase?: 'upper' | 'normal';
9
- }
10
- interface TableSizesAndPositionMods {
11
- size?: ControlSize | '60';
12
- padding?: '0' | '12' | '24';
13
- alignActions?: 'top' | 'center';
14
- }
15
- export interface DataTableRowMods extends TableSizesAndPositionMods {
16
- borderBottom?: any;
17
- background?: string;
18
- }
19
- export interface DataTableCellMods extends TableSizesAndPositionMods {
20
- background?: string;
21
- border?: boolean;
22
- }
23
- export interface DataTableHeaderCellMods extends BaseRowMods {
24
- textCase?: 'upper' | 'normal';
25
- }
26
- export interface DataTableHeaderRowMods extends BaseRowMods {
27
- textCase?: 'upper' | 'normal';
28
- }
29
- export interface ScrollRowMods extends BaseRowMods {
30
- }
31
- export {};
1
+ import { ControlSize } from '..';
2
+ interface BaseRowMods {
3
+ size?: ControlSize | '60';
4
+ }
5
+ export interface DataTableMods {
6
+ size?: ControlSize;
7
+ border?: boolean;
8
+ headerTextCase?: 'upper' | 'normal';
9
+ }
10
+ interface TableSizesAndPositionMods {
11
+ size?: ControlSize | '60';
12
+ padding?: '0' | '12' | '24';
13
+ alignActions?: 'top' | 'center';
14
+ }
15
+ export interface DataTableRowMods extends TableSizesAndPositionMods {
16
+ borderBottom?: any;
17
+ background?: string;
18
+ }
19
+ export interface DataTableCellMods extends TableSizesAndPositionMods {
20
+ background?: string;
21
+ border?: boolean;
22
+ }
23
+ export interface DataTableHeaderCellMods extends BaseRowMods {
24
+ textCase?: 'upper' | 'normal';
25
+ }
26
+ export interface DataTableHeaderRowMods extends BaseRowMods {
27
+ textCase?: 'upper' | 'normal';
28
+ }
29
+ export interface ScrollRowMods extends BaseRowMods {
30
+ }
31
+ export {};
32
32
  //# sourceMappingURL=types.d.ts.map
@@ -1,33 +1,35 @@
1
- export type ButtonMode = 'solid' | 'outline' | 'ghost' | 'none';
2
- export declare const allButtonModes: ButtonMode[];
3
- export type ControlSize = 'none' | '24' | '30' | '36' | '42' | '48';
4
- export declare const allSizes: ControlSize[];
5
- export type RowSize = null | '24' | '30' | '36' | '42' | '48';
6
- export declare const allRowSizes: RowSize[];
7
- export type EpamSemanticColor = 'accent' | 'primary' | 'secondary' | 'negative';
8
- export declare const allEpamSemanticColors: EpamSemanticColor[];
9
- export type EpamBadgeSemanticColor = 'info' | 'success' | 'warning' | 'error' | 'default';
10
- export declare const allEpamBadgeSemanticColors: EpamBadgeSemanticColor[];
11
- export type TextSize = 'none' | '18' | '24' | '30' | '36' | '48';
12
- export declare const allTextSizes: TextSize[];
13
- export type FontStyle = 'regular' | 'semibold' | 'italic' | 'primary' | 'promo';
14
- export declare const allFontStyles: FontStyle[];
15
- export interface ColorMod {
16
- /** Component color */
17
- color?: EpamSemanticColor;
18
- }
19
- export interface RowSizeMod {
20
- size?: RowSize;
21
- }
22
- export interface SizeMod {
23
- size?: ControlSize;
24
- }
25
- export interface IHasEditMode {
26
- mode?: 'form' | 'cell' | 'inline';
27
- }
28
- export declare enum EditMode {
29
- FORM = "form",
30
- CELL = "cell",
31
- INLINE = "inline"
32
- }
1
+ export type ButtonMode = 'solid' | 'outline' | 'ghost' | 'none';
2
+ export declare const allButtonModes: ButtonMode[];
3
+ export type ControlSize = 'none' | '24' | '30' | '36' | '42' | '48';
4
+ export declare const allSizes: ControlSize[];
5
+ export type RowSize = null | '24' | '30' | '36' | '42' | '48';
6
+ export declare const allRowSizes: RowSize[];
7
+ export type SemanticColor = 'info' | 'success' | 'warning' | 'error';
8
+ export declare const allSemanticColors: SemanticColor[];
9
+ export type ButtonSemanticColor = 'accent' | 'primary' | 'secondary' | 'negative';
10
+ export declare const allButtonSemanticColors: ButtonSemanticColor[];
11
+ export type EpamBadgeSemanticColor = 'info' | 'success' | 'warning' | 'error' | 'default';
12
+ export declare const allEpamBadgeSemanticColors: EpamBadgeSemanticColor[];
13
+ export type TextSize = 'none' | '18' | '24' | '30' | '36' | '48';
14
+ export declare const allTextSizes: TextSize[];
15
+ export type FontStyle = 'regular' | 'semibold' | 'italic' | 'primary' | 'promo';
16
+ export declare const allFontStyles: FontStyle[];
17
+ export interface ColorMod {
18
+ /** Component color */
19
+ color?: SemanticColor;
20
+ }
21
+ export interface RowSizeMod {
22
+ size?: RowSize;
23
+ }
24
+ export interface SizeMod {
25
+ size?: ControlSize;
26
+ }
27
+ export interface IHasEditMode {
28
+ mode?: 'form' | 'cell' | 'inline';
29
+ }
30
+ export declare enum EditMode {
31
+ FORM = "form",
32
+ CELL = "cell",
33
+ INLINE = "inline"
34
+ }
33
35
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAChE,eAAO,MAAM,cAAc,EAAE,UAAU,EAA0C,CAAC;AAElF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpE,eAAO,MAAM,QAAQ,EAAE,WAAW,EAAmC,CAAC;AAEtE,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9D,eAAO,MAAM,WAAW,EAAE,OAAO,EAAyC,CAAC;AAE3E,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAChF,eAAO,MAAM,qBAAqB,EAAE,iBAAiB,EAAmD,CAAC;AAEzG,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1F,eAAO,MAAM,0BAA0B,EAAE,sBAAsB,EAAuD,CAAC;AAEvH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjE,eAAO,MAAM,YAAY,EAAE,QAAQ,EAAmC,CAAC;AAEvE,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAChF,eAAO,MAAM,aAAa,EAAE,SAAS,EAA0D,CAAC;AAEhG,MAAM,WAAW,QAAQ;IACrB,sBAAsB;IACtB,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,MAAM,WAAW,UAAU;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,OAAO;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;CACrC;AAED,oBAAY,QAAQ;IAChB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;CACpB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAChE,eAAO,MAAM,cAAc,EAAE,UAAU,EAA0C,CAAC;AAElF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpE,eAAO,MAAM,QAAQ,EAAE,WAAW,EAAmC,CAAC;AAEtE,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9D,eAAO,MAAM,WAAW,EAAE,OAAO,EAAyC,CAAC;AAE3E,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AACrE,eAAO,MAAM,iBAAiB,EAAE,aAAa,EAA4C,CAAC;AAE1F,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAClF,eAAO,MAAM,uBAAuB,EAAE,mBAAmB,EAAmD,CAAC;AAE7G,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1F,eAAO,MAAM,0BAA0B,EAAE,sBAAsB,EAAuD,CAAC;AAEvH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjE,eAAO,MAAM,YAAY,EAAE,QAAQ,EAAmC,CAAC;AAEvE,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAChF,eAAO,MAAM,aAAa,EAAE,SAAS,EAA0D,CAAC;AAEhG,MAAM,WAAW,QAAQ;IACrB,sBAAsB;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,MAAM,WAAW,UAAU;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,OAAO;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;CACrC;AAED,oBAAY,QAAQ;IAChB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;CACpB"}
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import { RichTextViewProps } from '@epam/uui-components';
3
+ export interface RichTextViewMods {
4
+ size?: '12' | '14' | '16';
5
+ }
6
+ export declare const RichTextView: (props: RichTextViewProps & RichTextViewMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
7
+ //# sourceMappingURL=RichTextView.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RichTextView.d.ts","sourceRoot":"","sources":["../../../components/typography/RichTextView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmC,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG1F,MAAM,WAAW,gBAAgB;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,gJAGvB,CAAC"}
@@ -1,12 +1,12 @@
1
- import * as React from 'react';
2
- import * as types from '../types';
3
- import { TextSettings } from '../../helpers/textLayout';
4
- import '../../assets/styles/variables/typography/text.scss';
5
- import '../../assets/styles/fonts-variables.scss';
6
- export interface TextMods extends TextSettings {
7
- size?: types.TextSize | '42';
8
- font?: types.FontStyle;
9
- color?: 'brand' | 'primary' | 'secondary' | 'disabled' | 'contrast';
10
- }
11
- export declare const Text: (props: import("@epam/uui-core").IHasCX & import("@epam/uui-core").IHasChildren & import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasRawProps<React.HTMLAttributes<HTMLDivElement>> & import("@epam/uui-core").IHasForwardedRef<HTMLDivElement> & TextMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
1
+ import * as React from 'react';
2
+ import * as types from '../types';
3
+ import { TextProps as UuiTextProps } from '@epam/uui-components';
4
+ import { TextSettings } from '../../helpers/textLayout';
5
+ export interface TextMods extends TextSettings {
6
+ size?: types.TextSize | '42';
7
+ font?: types.FontStyle;
8
+ color?: 'brand' | 'primary' | 'secondary' | 'disabled' | 'contrast';
9
+ }
10
+ export type TextProps = UuiTextProps & TextMods;
11
+ export declare const Text: (props: import("@epam/uui-core").IHasCX & import("@epam/uui-core").IHasChildren & import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasRawProps<React.HTMLAttributes<HTMLDivElement>> & import("@epam/uui-core").IHasForwardedRef<HTMLDivElement> & TextMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
12
12
  //# sourceMappingURL=Text.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../components/typography/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,UAAU,CAAC;AAGlC,OAAO,EAAkB,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,oDAAoD,CAAC;AAC5D,OAAO,0CAA0C,CAAC;AAElD,MAAM,WAAW,QAAS,SAAQ,YAAY;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;CACvE;AAgBD,eAAO,MAAM,IAAI,4ZAAwD,CAAC"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../components/typography/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,UAAU,CAAC;AAClC,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAElF,OAAO,EAAkB,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExE,MAAM,WAAW,QAAS,SAAQ,YAAY;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;CACvE;AAED,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC;AAgBhD,eAAO,MAAM,IAAI,4ZAA2D,CAAC"}
@@ -1,8 +1,10 @@
1
- import * as React from 'react';
2
- import '../../assets/styles/variables/typography/textPlaceholder.scss';
3
- export interface TextPlaceholderProps {
4
- wordsCount?: number;
5
- isNotAnimated?: boolean;
6
- }
7
- export declare const TextPlaceholder: React.FunctionComponent<TextPlaceholderProps>;
1
+ import * as React from 'react';
2
+ import { IHasCX, IHasRawProps } from "@epam/uui-core";
3
+ import { PropsWithChildren } from "react";
4
+ export interface ITextPlaceholderProps extends IHasRawProps<React.HTMLAttributes<HTMLDivElement>>, IHasCX {
5
+ wordsCount?: number;
6
+ isNotAnimated?: boolean;
7
+ }
8
+ export type TextPlaceholderProps = PropsWithChildren<ITextPlaceholderProps>;
9
+ export declare const TextPlaceholder: React.FunctionComponent<PropsWithChildren<ITextPlaceholderProps>>;
8
10
  //# sourceMappingURL=TextPlaceholder.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextPlaceholder.d.ts","sourceRoot":"","sources":["../../../components/typography/TextPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,+DAA+D,CAAC;AAEvE,MAAM,WAAW,oBAAoB;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CA0BzE,CAAC"}
1
+ {"version":3,"file":"TextPlaceholder.d.ts","sourceRoot":"","sources":["../../../components/typography/TextPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAAE,MAAM;IACrG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AAE5E,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CA0B7F,CAAC"}
@@ -1,3 +1,4 @@
1
- export * from './Text';
2
- export * from './TextPlaceholder';
1
+ export * from './Text';
2
+ export * from './TextPlaceholder';
3
+ export * from './RichTextView';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC"}
@@ -1,3 +1,3 @@
1
- import { AvatarProps } from '@epam/uui-components';
2
- export declare const Avatar: (props: AvatarProps & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
1
+ import { AvatarProps } from '@epam/uui-components';
2
+ export declare const Avatar: (props: AvatarProps & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
3
3
  //# sourceMappingURL=Avatar.d.ts.map
@@ -1,15 +1,15 @@
1
- import * as React from 'react';
2
- import { EpamBadgeSemanticColor } from "../types";
3
- import { ButtonProps } from '@epam/uui-components';
4
- export type BadgeColor = EpamBadgeSemanticColor;
5
- export type BadgeFill = 'solid' | 'semitransparent' | 'transparent';
6
- export type BadgeSize = '18' | '24' | '30' | '36' | '42' | '48';
7
- export interface BadgeMods {
8
- color?: BadgeColor;
9
- fill?: BadgeFill;
10
- size?: BadgeSize;
11
- }
12
- export type BadgeProps = ButtonProps & BadgeMods;
13
- export declare function applyBadgeMods(mods: BadgeMods): string[];
14
- export declare const Badge: (props: ButtonProps & BadgeMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
1
+ import * as React from 'react';
2
+ import { EpamBadgeSemanticColor } from "../types";
3
+ import { ButtonProps } from '@epam/uui-components';
4
+ export type BadgeColor = EpamBadgeSemanticColor;
5
+ export type BadgeFill = 'solid' | 'semitransparent' | 'transparent';
6
+ export type BadgeSize = '18' | '24' | '30' | '36' | '42' | '48';
7
+ export interface BadgeMods {
8
+ color?: BadgeColor;
9
+ fill?: BadgeFill;
10
+ size?: BadgeSize;
11
+ }
12
+ export type BadgeProps = ButtonProps & BadgeMods;
13
+ export declare function applyBadgeMods(mods: BadgeMods): string[];
14
+ export declare const Badge: (props: ButtonProps & BadgeMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
15
15
  //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1,6 @@
1
+ import * as React from 'react';
2
+ import { SpinnerProps as UuiSpinnerProps } from '@epam/uui-components';
3
+ export type SpinnerProps = UuiSpinnerProps;
4
+ export declare function applySpinnerMods(): string[];
5
+ export declare const Spinner: (props: UuiSpinnerProps & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
6
+ //# sourceMappingURL=Spinner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../components/widgets/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyB,YAAY,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAI9F,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC;AAE3C,wBAAgB,gBAAgB,aAI/B;AAED,eAAO,MAAM,OAAO,2HAA0D,CAAC"}
@@ -1,9 +1,9 @@
1
- import { ButtonProps } from '@epam/uui-components';
2
- export type TagSize = '18' | '24' | '30' | '36' | '42' | '48';
3
- export interface TagMods {
4
- size?: TagSize;
5
- }
6
- export declare function applyTagMods(mods: TagMods): string[];
7
- export type TagProps = ButtonProps & TagMods;
8
- export declare const Tag: (props: ButtonProps & TagMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
1
+ import { ButtonProps } from '@epam/uui-components';
2
+ export type TagSize = '18' | '24' | '30' | '36' | '42' | '48';
3
+ export interface TagMods {
4
+ size?: TagSize;
5
+ }
6
+ export declare function applyTagMods(mods: TagMods): string[];
7
+ export type TagProps = ButtonProps & TagMods;
8
+ export declare const Tag: (props: ButtonProps & TagMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
9
9
  //# sourceMappingURL=Tag.d.ts.map
@@ -1,4 +1,5 @@
1
- export * from './Avatar';
2
- export * from './Badge';
3
- export * from './Tag';
1
+ export * from './Avatar';
2
+ export * from './Badge';
3
+ export * from './Tag';
4
+ export * from './Spinner';
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/widgets/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/widgets/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from "./useColumnsWithFilters";
2
+ export * from "./textLayout";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,cAAc,CAAC"}
@@ -1,9 +1,9 @@
1
- import { ControlSize } from '../components';
2
- export interface TextSettings {
3
- lineHeight?: '12' | '18' | '24' | '30';
4
- fontSize?: '10' | '12' | '14' | '16' | '18' | '24';
5
- }
6
- export declare function getTextClasses(props: TextSettings & {
7
- size: '18' | ControlSize | '60';
8
- }, border: boolean): string[];
1
+ import { ControlSize } from '../components';
2
+ export interface TextSettings {
3
+ lineHeight?: '12' | '18' | '24' | '30';
4
+ fontSize?: '10' | '12' | '14' | '16' | '18' | '24';
5
+ }
6
+ export declare function getTextClasses(props: TextSettings & {
7
+ size: '18' | ControlSize | '60';
8
+ }, border: boolean): string[];
9
9
  //# sourceMappingURL=textLayout.d.ts.map
@@ -0,0 +1,3 @@
1
+ import { DataColumnProps, TableFiltersConfig } from "@epam/uui-core";
2
+ export declare const useColumnsWithFilters: <TFilter extends Record<string, any>>(initialColumns: DataColumnProps[], filters: TableFiltersConfig<TFilter>[]) => DataColumnProps<any, any, any>[];
3
+ //# sourceMappingURL=useColumnsWithFilters.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useColumnsWithFilters.d.ts","sourceRoot":"","sources":["../../helpers/useColumnsWithFilters.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,eAAe,EAAS,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAG/F,eAAO,MAAM,qBAAqB,wDAAyD,eAAe,EAAE,6EA8B3G,CAAC"}