@epam/uui 5.5.3 → 5.6.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 (106) hide show
  1. package/assets/styles/buttonLayout.scss +67 -67
  2. package/assets/styles/clickable.scss +27 -0
  3. package/assets/styles/controlLayout.scss +28 -28
  4. package/assets/styles/dnd.scss +9 -9
  5. package/assets/styles/effects.scss +7 -7
  6. package/assets/styles/icons.scss +19 -19
  7. package/assets/styles/index.scss +9 -8
  8. package/assets/styles/inputs.scss +74 -74
  9. package/assets/styles/text-size.scss +42 -42
  10. package/assets/styles/typography.scss +174 -174
  11. package/components/buttons/Button.d.ts +12 -10
  12. package/components/buttons/Button.d.ts.map +1 -1
  13. package/components/buttons/IconButton.d.ts +6 -3
  14. package/components/buttons/IconButton.d.ts.map +1 -1
  15. package/components/buttons/LinkButton.d.ts +29 -8
  16. package/components/buttons/LinkButton.d.ts.map +1 -1
  17. package/components/buttons/TabButton.d.ts +35 -8
  18. package/components/buttons/TabButton.d.ts.map +1 -1
  19. package/components/buttons/VerticalTabButton.d.ts +10 -1
  20. package/components/buttons/VerticalTabButton.d.ts.map +1 -1
  21. package/components/datePickers/DatePicker.d.ts.map +1 -1
  22. package/components/datePickers/RangeDatePicker.d.ts.map +1 -1
  23. package/components/fileUpload/DropSpot.d.ts +14 -6
  24. package/components/fileUpload/DropSpot.d.ts.map +1 -1
  25. package/components/fileUpload/FileCard.d.ts +12 -0
  26. package/components/fileUpload/FileCard.d.ts.map +1 -1
  27. package/components/filters/FilterPanelItemToggler.d.ts +3 -3
  28. package/components/filters/FilterPanelItemToggler.d.ts.map +1 -1
  29. package/components/filters/FiltersPanel.d.ts +4 -0
  30. package/components/filters/FiltersPanel.d.ts.map +1 -1
  31. package/components/filters/PresetPanel/PresetsPanel.d.ts +1 -0
  32. package/components/filters/PresetPanel/PresetsPanel.d.ts.map +1 -1
  33. package/components/inputs/MultiSwitch.d.ts +2 -3
  34. package/components/inputs/MultiSwitch.d.ts.map +1 -1
  35. package/components/inputs/RadioInput.d.ts +1 -0
  36. package/components/inputs/RadioInput.d.ts.map +1 -1
  37. package/components/inputs/TextInput.d.ts +1 -1
  38. package/components/inputs/TextInput.d.ts.map +1 -1
  39. package/components/inputs/index.d.ts +1 -1
  40. package/components/inputs/timePicker/TimePicker.d.ts +41 -0
  41. package/components/inputs/timePicker/TimePicker.d.ts.map +1 -0
  42. package/components/inputs/timePicker/TimePickerBody.d.ts +22 -0
  43. package/components/inputs/timePicker/TimePickerBody.d.ts.map +1 -0
  44. package/components/inputs/timePicker/index.d.ts +3 -0
  45. package/components/inputs/timePicker/index.d.ts.map +1 -0
  46. package/components/inputs/timePicker/parseTimeHelper.d.ts +7 -0
  47. package/components/inputs/timePicker/parseTimeHelper.d.ts.map +1 -0
  48. package/components/layout/FlexItems/FlexRow.d.ts +10 -0
  49. package/components/layout/FlexItems/FlexRow.d.ts.map +1 -1
  50. package/components/layout/RadioGroup.d.ts +3 -1
  51. package/components/layout/RadioGroup.d.ts.map +1 -1
  52. package/components/navigation/Anchor.d.ts +1 -2
  53. package/components/navigation/Anchor.d.ts.map +1 -1
  54. package/components/navigation/MainMenu/Burger/BurgerButton.d.ts +6 -2
  55. package/components/navigation/MainMenu/Burger/BurgerButton.d.ts.map +1 -1
  56. package/components/navigation/MainMenu/MainMenuAvatar.d.ts +3 -3
  57. package/components/navigation/MainMenu/MainMenuAvatar.d.ts.map +1 -1
  58. package/components/navigation/MainMenu/MainMenuButton.d.ts +28 -3
  59. package/components/navigation/MainMenu/MainMenuButton.d.ts.map +1 -1
  60. package/components/navigation/MainMenu/MainMenuIcon.d.ts +4 -37
  61. package/components/navigation/MainMenu/MainMenuIcon.d.ts.map +1 -1
  62. package/components/navigation/MainMenu/MainMenuSearch.d.ts +1 -1
  63. package/components/navigation/MainMenu/MainMenuSearch.d.ts.map +1 -1
  64. package/components/overlays/DropdownMenu.d.ts +3 -3
  65. package/components/overlays/DropdownMenu.d.ts.map +1 -1
  66. package/components/overlays/Snackbar.d.ts +12 -0
  67. package/components/overlays/Snackbar.d.ts.map +1 -0
  68. package/components/overlays/index.d.ts +1 -0
  69. package/components/overlays/index.d.ts.map +1 -1
  70. package/components/pickers/PickerItem.d.ts +11 -0
  71. package/components/pickers/PickerItem.d.ts.map +1 -1
  72. package/components/pickers/PickerList.d.ts +2 -2
  73. package/components/pickers/PickerList.d.ts.map +1 -1
  74. package/components/pickers/PickerListItem.d.ts +3 -0
  75. package/components/pickers/PickerListItem.d.ts.map +1 -1
  76. package/components/pickers/highlight.d.ts +2 -1
  77. package/components/pickers/highlight.d.ts.map +1 -1
  78. package/components/tables/DataTableHeaderCell.d.ts +2 -2
  79. package/components/tables/DataTableHeaderCell.d.ts.map +1 -1
  80. package/components/tables/types.d.ts +5 -0
  81. package/components/tables/types.d.ts.map +1 -1
  82. package/components/typography/Text.d.ts +1 -1
  83. package/components/typography/Text.d.ts.map +1 -1
  84. package/components/typography/TextPlaceholder.d.ts +2 -0
  85. package/components/typography/TextPlaceholder.d.ts.map +1 -1
  86. package/components/widgets/Badge.d.ts +23 -4
  87. package/components/widgets/Badge.d.ts.map +1 -1
  88. package/components/widgets/IndeterminateBar.d.ts +1 -0
  89. package/components/widgets/IndeterminateBar.d.ts.map +1 -1
  90. package/components/widgets/Tag.d.ts +41 -3
  91. package/components/widgets/Tag.d.ts.map +1 -1
  92. package/helpers/textLayout.d.ts +2 -0
  93. package/helpers/textLayout.d.ts.map +1 -1
  94. package/index.esm.js +2122 -1877
  95. package/index.esm.js.map +1 -1
  96. package/index.js +2211 -1962
  97. package/index.js.map +1 -1
  98. package/package.json +5 -5
  99. package/readme.md +4 -4
  100. package/stats.html +1 -1
  101. package/styles.css +4931 -4802
  102. package/styles.css.map +1 -1
  103. package/components/inputs/TimePicker.d.ts +0 -15
  104. package/components/inputs/TimePicker.d.ts.map +0 -1
  105. package/components/inputs/TimePickerBody.d.ts +0 -3
  106. package/components/inputs/TimePickerBody.d.ts.map +0 -1
@@ -1,6 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  import { DataRowProps } from '@epam/uui-core';
3
3
  export interface PickerListItemProps<TItem, TId> extends DataRowProps<TItem, TId> {
4
+ /** A pure function that gets entity name from entity object.
5
+ Default: (item) => item.name.
6
+ */
4
7
  getName(item: TItem): string;
5
8
  }
6
9
  export declare function PickerListItem<TItem, TId>(props: PickerListItemProps<TItem, TId>): JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"PickerListItem.d.ts","sourceRoot":"","sources":["../../../components/pickers/PickerListItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,MAAM,WAAW,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAE,SAAQ,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC;IAC7E,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,eA4ChF"}
1
+ {"version":3,"file":"PickerListItem.d.ts","sourceRoot":"","sources":["../../../components/pickers/PickerListItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,MAAM,WAAW,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAE,SAAQ,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC;IAC7E;;OAEG;IACH,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,eA4ChF"}
@@ -1,8 +1,9 @@
1
- export interface HighlightRange {
1
+ interface HighlightRange {
2
2
  from: number;
3
3
  to: number;
4
4
  isHighlighted: boolean;
5
5
  }
6
6
  export declare const getHighlightRanges: (str: string, search: string) => HighlightRange[];
7
7
  export declare const getHighlightedSearchMatches: (str: string, search?: string) => string | JSX.Element[];
8
+ export {};
8
9
  //# sourceMappingURL=highlight.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../../components/pickers/highlight.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,OAAO,CAAC;CAC1B;AA0CD,eAAO,MAAM,kBAAkB,QAAS,MAAM,UAAU,MAAM,qBAkB7D,CAAC;AAeF,eAAO,MAAM,2BAA2B,QAAS,MAAM,WAAW,MAAM,2BAWvE,CAAC"}
1
+ {"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../../components/pickers/highlight.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,OAAO,CAAC;CAC1B;AA0CD,eAAO,MAAM,kBAAkB,QAAS,MAAM,UAAU,MAAM,qBAkB7D,CAAC;AAeF,eAAO,MAAM,2BAA2B,QAAS,MAAM,WAAW,MAAM,2BAWvE,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { DataTableHeaderCellProps, IDropdownToggler, DataColumnProps } from '@epam/uui-core';
2
+ import { DataTableHeaderCellProps, IDropdownTogglerProps, DataColumnProps } from '@epam/uui-core';
3
3
  import { HeaderCellContentProps } from '@epam/uui-components';
4
4
  import { DataTableHeaderCellMods } from './types';
5
5
  import './variables.scss';
@@ -13,7 +13,7 @@ export declare class DataTableHeaderCell<TItem, TId> extends React.Component<Dat
13
13
  getColumnCaption: () => JSX.Element;
14
14
  renderHeaderCheckbox: () => JSX.Element;
15
15
  renderResizeMark: (props: HeaderCellContentProps) => JSX.Element;
16
- renderCellContent: (props: HeaderCellContentProps, dropdownProps?: IDropdownToggler) => JSX.Element;
16
+ renderCellContent: (props: HeaderCellContentProps, dropdownProps?: IDropdownTogglerProps) => JSX.Element;
17
17
  renderCellWithFilter: (props: HeaderCellContentProps) => JSX.Element;
18
18
  render(): JSX.Element;
19
19
  }
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableHeaderCell.d.ts","sourceRoot":"","sources":["../../../components/tables/DataTableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,wBAAwB,EAAsC,gBAAgB,EAAM,eAAe,EACtG,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAiD,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAE7G,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAOlD,OAAO,kBAAkB,CAAC;AAQ1B,UAAU,wBAAwB;IAC9B,cAAc,EAAE,OAAO,CAAC;CAC3B;AAED,qBAAa,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,uBAAuB,EAAE,wBAAwB,CAAC;IAC1J,KAAK,EAAE,wBAAwB,CAE7B;IAEF,YAAY,eAGV;IAEF,iBAAiB,WAAY,gBAAgB,KAAK,EAAE,GAAG,CAAC,iBAKtD;IAEF,gBAAgB,oBA4Cd;IAEF,oBAAoB,oBAId;IAEN,gBAAgB,UAAW,sBAAsB,iBAAwG;IACzJ,iBAAiB,UAAW,sBAAsB,kBAAkB,gBAAgB,iBAqClF;IAEF,oBAAoB,UAAW,sBAAsB,iBAWnD;IAEF,MAAM;CAGT"}
1
+ {"version":3,"file":"DataTableHeaderCell.d.ts","sourceRoot":"","sources":["../../../components/tables/DataTableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,wBAAwB,EAAsC,qBAAqB,EAAM,eAAe,EAC3G,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAiD,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAE7G,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAOlD,OAAO,kBAAkB,CAAC;AAQ1B,UAAU,wBAAwB;IAC9B,cAAc,EAAE,OAAO,CAAC;CAC3B;AAED,qBAAa,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,uBAAuB,EAAE,wBAAwB,CAAC;IAC1J,KAAK,EAAE,wBAAwB,CAE7B;IAEF,YAAY,eAGV;IAEF,iBAAiB,WAAY,gBAAgB,KAAK,EAAE,GAAG,CAAC,iBAKtD;IAEF,gBAAgB,oBA4Cd;IAEF,oBAAoB,oBAId;IAEN,gBAAgB,UAAW,sBAAsB,iBAAwG;IACzJ,iBAAiB,UAAW,sBAAsB,kBAAkB,qBAAqB,iBAqCvF;IAEF,oBAAoB,UAAW,sBAAsB,iBAWnD;IAEF,MAAM;CAGT"}
@@ -3,8 +3,13 @@ interface BaseRowMods {
3
3
  size?: ControlSize | '60';
4
4
  }
5
5
  export interface DataTableMods {
6
+ /** Min height of table rows and header */
6
7
  size?: ControlSize;
8
+ /** Pass true, to turn row bottom border */
7
9
  border?: boolean;
10
+ /** Configure column header text case
11
+ * @default 'normal'
12
+ * */
8
13
  headerTextCase?: 'upper' | 'normal';
9
14
  }
10
15
  interface TableSizesAndPositionMods {
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/tables/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,UAAU,WAAW;IACjB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC1B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACvC;AAED,UAAU,yBAAyB;IAC/B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACnC;AAED,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB;IAC/D,YAAY,CAAC,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,iBAAkB,SAAQ,yBAAyB;IAChE,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IACxD,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACjC;AAED,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACvD,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACjC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/tables/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,UAAU,WAAW;IACjB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC1B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;SAEK;IACL,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACvC;AAED,UAAU,yBAAyB;IAC/B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACnC;AAED,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB;IAC/D,YAAY,CAAC,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,iBAAkB,SAAQ,yBAAyB;IAChE,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IACxD,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACjC;AAED,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACvD,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACjC"}
@@ -1,6 +1,6 @@
1
1
  import { TextSettings } from '../../helpers';
2
2
  import * as uuiComponents from '@epam/uui-components';
3
- type TextColor = 'info' | 'warning' | 'critical' | 'success' | 'brand' | 'primary' | 'secondary' | 'disabled' | 'white';
3
+ type TextColor = 'info' | 'warning' | 'critical' | 'success' | 'primary' | 'secondary' | 'disabled' | 'white' | 'tertiary';
4
4
  type TextSize = 'none' | '18' | '24' | '30' | '36' | '42' | '48';
5
5
  type TextFontStyle = 'normal' | 'italic';
6
6
  type TextFontWeight = '200' | '300' | '400' | '600' | '700' | '900';
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../components/typography/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAGtD,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AACxH,KAAK,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjE,KAAK,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACzC,KAAK,cAAc,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEpE,UAAU,QAAQ;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,SAAS,EAAE,YAAY;IACxE;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED,MAAM,WAAW,SAAU,SAAQ,aAAa,EAAE,QAAQ;CAAG;AAsB7D,eAAO,MAAM,IAAI,qcAAkF,CAAC"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../components/typography/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAGtD,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAC3H,KAAK,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjE,KAAK,aAAa,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACzC,KAAK,cAAc,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEpE,UAAU,QAAQ;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,SAAS,EAAE,YAAY;IACxE;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED,MAAM,WAAW,SAAU,SAAQ,aAAa,EAAE,QAAQ;CAAG;AAsB7D,eAAO,MAAM,IAAI,qcAAkF,CAAC"}
@@ -2,7 +2,9 @@ import * as React from 'react';
2
2
  import { IHasCX, IHasRawProps } from '@epam/uui-core';
3
3
  import { PropsWithChildren } from 'react';
4
4
  export interface ITextPlaceholderProps extends IHasRawProps<React.HTMLAttributes<HTMLDivElement>>, IHasCX {
5
+ /** Number of placeholder worlds to render in block */
5
6
  wordsCount?: number;
7
+ /** Pass true, to turn off the placeholder animation */
6
8
  isNotAnimated?: boolean;
7
9
  }
8
10
  export type TextPlaceholderProps = PropsWithChildren<ITextPlaceholderProps>;
@@ -1 +1 @@
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,CAwB7F,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,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,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,CAwB7F,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
- import * as uuiComponents from '@epam/uui-components';
2
+ import { CX, Icon, IDropdownToggler, IHasCaption, IHasIcon } from '@epam/uui-core';
3
+ import { ClickableComponentProps } from '@epam/uui-components';
3
4
  type BadgeMods = {
4
5
  /** Defines component color. */
5
6
  color?: 'info' | 'success' | 'warning' | 'critical' | 'neutral';
@@ -14,7 +15,7 @@ type BadgeMods = {
14
15
  */
15
16
  size?: '18' | '24' | '30' | '36' | '42' | '48';
16
17
  };
17
- export type BadgeCoreProps = Omit<uuiComponents.ButtonProps, 'onClear' | 'clearIcon' | 'iconPosition'> & {
18
+ export type BadgeCoreProps = ClickableComponentProps & IDropdownToggler & IHasIcon & IHasCaption & {
18
19
  /** Pass true to display an indicator. It shows only if fill = 'outline'. */
19
20
  indicator?: boolean;
20
21
  /**
@@ -22,10 +23,19 @@ export type BadgeCoreProps = Omit<uuiComponents.ButtonProps, 'onClear' | 'clearI
22
23
  * @default 'left'
23
24
  */
24
25
  iconPosition?: 'left' | 'right';
26
+ /**
27
+ * CSS classes to put on the caption
28
+ * @deprecated
29
+ * */
30
+ captionCX?: CX;
31
+ /** Icon for drop-down toggler */
32
+ dropdownIcon?: Icon;
33
+ /** Count value to be placed in component */
34
+ count?: React.ReactNode;
25
35
  };
26
36
  /** Represents the properties of a Badge component. */
27
37
  export type BadgeProps = BadgeCoreProps & BadgeMods;
28
- export declare const Badge: (props: Omit<uuiComponents.ButtonProps, "onClear" | "iconPosition" | "clearIcon"> & {
38
+ export declare const Badge: React.ForwardRefExoticComponent<import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasTabIndex & import("@epam/uui-core").IDisableable & import("@epam/uui-core").IHasCX & import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").IHasRawProps<import("@epam/uui-components").ClickableRawProps> & IDropdownToggler & IHasIcon & IHasCaption & {
29
39
  /** Pass true to display an indicator. It shows only if fill = 'outline'. */
30
40
  indicator?: boolean;
31
41
  /**
@@ -33,6 +43,15 @@ export declare const Badge: (props: Omit<uuiComponents.ButtonProps, "onClear" |
33
43
  * @default 'left'
34
44
  */
35
45
  iconPosition?: 'left' | 'right';
36
- } & BadgeMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
46
+ /**
47
+ * CSS classes to put on the caption
48
+ * @deprecated
49
+ * */
50
+ captionCX?: CX;
51
+ /** Icon for drop-down toggler */
52
+ dropdownIcon?: Icon;
53
+ /** Count value to be placed in component */
54
+ count?: React.ReactNode;
55
+ } & BadgeMods & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
37
56
  export {};
38
57
  //# sourceMappingURL=Badge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../components/widgets/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAiBtD,KAAK,SAAS,GAAG;IACb,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAChE;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,SAAS,GAAG,WAAW,GAAG,cAAc,CAAC,GAAG;IACrG,4EAA4E;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC,CAAC;AAEF,sDAAsD;AACtD,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,SAAS,CAAC;AAuBpD,eAAO,MAAM,KAAK;IAjCd,4EAA4E;gBAChE,OAAO;IACnB;;;OAGG;mBACY,MAAM,GAAG,OAAO;+GAuDlC,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../components/widgets/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAiB,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAc,MAAM,gBAAgB,CAAC;AAC9G,OAAO,EAAa,uBAAuB,EAAiB,MAAM,sBAAsB,CAAC;AAiBzF,KAAK,SAAS,GAAG;IACb,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAChE;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,uBAAuB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,WAAW,GAAG;IAC/F,4EAA4E;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC;;;SAGK;IACL,SAAS,CAAC,EAAE,EAAE,CAAC;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,sDAAsD;AACtD,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,SAAS,CAAC;AAuBpD,eAAO,MAAM,KAAK;IA1Cd,4EAA4E;gBAChE,OAAO;IACnB;;;OAGG;mBACY,MAAM,GAAG,OAAO;IAC/B;;;SAGK;gBACO,EAAE;IACd,iCAAiC;mBAClB,IAAI;IACnB,4CAA4C;YACpC,MAAM,SAAS;6FAoFzB,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { IHasCX } from '@epam/uui-core';
3
3
  export interface IndeterminateBarMods extends IHasCX {
4
+ /** Component size */
4
5
  size?: '12' | '18' | '24';
5
6
  }
6
7
  export declare const IndeterminateBar: React.ForwardRefExoticComponent<IndeterminateBarMods & React.RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"IndeterminateBar.d.ts","sourceRoot":"","sources":["../../../components/widgets/IndeterminateBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGxC,MAAM,WAAW,oBAAqB,SAAQ,MAAM;IAChD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,6FAM3B,CAAC"}
1
+ {"version":3,"file":"IndeterminateBar.d.ts","sourceRoot":"","sources":["../../../components/widgets/IndeterminateBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGxC,MAAM,WAAW,oBAAqB,SAAQ,MAAM;IAChD,qBAAqB;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,6FAM3B,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
- import { ButtonProps } from '@epam/uui-components';
2
+ import { CX, Icon, IDropdownToggler, IHasCaption, IHasIcon } from '@epam/uui-core';
3
+ import { ClickableComponentProps } from '@epam/uui-components';
3
4
  interface TagMods {
4
5
  /**
5
6
  * Defines component color.
@@ -8,7 +9,7 @@ interface TagMods {
8
9
  color?: 'info' | 'success' | 'warning' | 'critical' | 'neutral';
9
10
  }
10
11
  /** Represents the Core properties of the Tag component. */
11
- export type TagCoreProps = ButtonProps & {
12
+ export type TagCoreProps = ClickableComponentProps & IDropdownToggler & IHasIcon & IHasCaption & {
12
13
  /**
13
14
  * Defines component size.
14
15
  * @default '36'
@@ -19,9 +20,46 @@ export type TagCoreProps = ButtonProps & {
19
20
  * @default 'solid'
20
21
  */
21
22
  fill?: 'solid' | 'outline';
23
+ /** Call to clear toggler value */
24
+ onClear?(e?: any): void;
25
+ /** Icon for clear value button (usually cross) */
26
+ clearIcon?: Icon;
27
+ /**
28
+ * CSS classes to put on the caption
29
+ * @deprecated
30
+ * */
31
+ captionCX?: CX;
32
+ /** Icon for drop-down toggler */
33
+ dropdownIcon?: Icon;
34
+ /** Count value to be placed in component */
35
+ count?: React.ReactNode;
22
36
  };
23
37
  /** Represents the properties of the Tag component. */
24
38
  export type TagProps = TagCoreProps & TagMods;
25
- export declare const Tag: (props: (TagCoreProps & TagMods) & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
39
+ export declare const Tag: React.ForwardRefExoticComponent<import("@epam/uui-core").IClickable & import("@epam/uui-core").IAnalyticableClick & import("@epam/uui-core").IHasTabIndex & import("@epam/uui-core").IDisableable & import("@epam/uui-core").IHasCX & import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").IHasRawProps<import("@epam/uui-components").ClickableRawProps> & IDropdownToggler & IHasIcon & IHasCaption & {
40
+ /**
41
+ * Defines component size.
42
+ * @default '36'
43
+ */
44
+ size?: '18' | '24' | '30' | '36' | '42' | '48';
45
+ /**
46
+ * Defines component fill style.
47
+ * @default 'solid'
48
+ */
49
+ fill?: 'solid' | 'outline';
50
+ /** Call to clear toggler value */
51
+ onClear?(e?: any): void;
52
+ /** Icon for clear value button (usually cross) */
53
+ clearIcon?: Icon;
54
+ /**
55
+ * CSS classes to put on the caption
56
+ * @deprecated
57
+ * */
58
+ captionCX?: CX;
59
+ /** Icon for drop-down toggler */
60
+ dropdownIcon?: Icon;
61
+ /** Count value to be placed in component */
62
+ count?: React.ReactNode;
63
+ } & TagMods & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
26
64
  export {};
27
65
  //# sourceMappingURL=Tag.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../components/widgets/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAyB3D,UAAU,OAAO;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CACnE;AAED,2DAA2D;AAC3D,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG;IACrC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEF,sDAAsD;AACtD,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC;AAY9C,eAAO,MAAM,GAAG,oIAUb,CAAC"}
1
+ {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../components/widgets/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAiB,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAA0B,MAAM,gBAAgB,CAAC;AAC1H,OAAO,EAAa,uBAAuB,EAAiB,MAAM,sBAAsB,CAAC;AAyBzF,UAAU,OAAO;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CACnE;AAED,2DAA2D;AAC3D,MAAM,MAAM,YAAY,GAAG,uBAAuB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,WAAW,GAAG;IAC7F;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,kCAAkC;IAClC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB;;;SAGK;IACL,SAAS,CAAC,EAAE,EAAE,CAAC;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,sDAAsD;AACtD,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC;AAY9C,eAAO,MAAM,GAAG;IAtCZ;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IAC9C;;;OAGG;WACI,OAAO,GAAG,SAAS;IAC1B,kCAAkC;iBACrB,GAAG,GAAG,IAAI;IACvB,kDAAkD;gBACtC,IAAI;IAChB;;;SAGK;gBACO,EAAE;IACd,iCAAiC;mBAClB,IAAI;IACnB,4CAA4C;YACpC,MAAM,SAAS;2FAkEzB,CAAC"}
@@ -1,6 +1,8 @@
1
1
  import { ControlSize } from '../components/types';
2
2
  export interface TextSettings {
3
+ /** Defines text line-height */
3
4
  lineHeight?: '12' | '18' | '24' | '30';
5
+ /** Defines text font-size */
4
6
  fontSize?: '10' | '12' | '14' | '16' | '18' | '24';
5
7
  }
6
8
  export declare function getTextClasses(props: TextSettings & {
@@ -1 +1 @@
1
- {"version":3,"file":"textLayout.d.ts","sourceRoot":"","sources":["../../helpers/textLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,WAAW,YAAY;IACzB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACtD;AAYD,wBAAgB,cAAc,CAAC,KAAK,EAAE,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAAA;CAAE,EAAE,MAAM,EAAE,OAAO,YAgBjH"}
1
+ {"version":3,"file":"textLayout.d.ts","sourceRoot":"","sources":["../../helpers/textLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,WAAW,YAAY;IACzB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACtD;AAYD,wBAAgB,cAAc,CAAC,KAAK,EAAE,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAAA;CAAE,EAAE,MAAM,EAAE,OAAO,YAgBjH"}