@epam/uui 5.5.4 → 5.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/buttonLayout.scss +67 -67
- package/assets/styles/clickable.scss +27 -0
- package/assets/styles/controlLayout.scss +28 -28
- package/assets/styles/dnd.scss +9 -9
- package/assets/styles/effects.scss +7 -7
- package/assets/styles/icons.scss +19 -19
- package/assets/styles/index.scss +9 -8
- package/assets/styles/inputs.scss +74 -74
- package/assets/styles/text-size.scss +42 -42
- package/assets/styles/typography.scss +174 -174
- package/components/buttons/Button.d.ts +12 -10
- package/components/buttons/Button.d.ts.map +1 -1
- package/components/buttons/IconButton.d.ts +6 -3
- package/components/buttons/IconButton.d.ts.map +1 -1
- package/components/buttons/LinkButton.d.ts +29 -8
- package/components/buttons/LinkButton.d.ts.map +1 -1
- package/components/buttons/TabButton.d.ts +35 -8
- package/components/buttons/TabButton.d.ts.map +1 -1
- package/components/buttons/VerticalTabButton.d.ts +10 -1
- package/components/buttons/VerticalTabButton.d.ts.map +1 -1
- package/components/datePickers/DatePicker.d.ts.map +1 -1
- package/components/datePickers/RangeDatePicker.d.ts.map +1 -1
- package/components/fileUpload/DropSpot.d.ts +14 -6
- package/components/fileUpload/DropSpot.d.ts.map +1 -1
- package/components/fileUpload/FileCard.d.ts +12 -0
- package/components/fileUpload/FileCard.d.ts.map +1 -1
- package/components/filters/FilterPanelItemToggler.d.ts +3 -3
- package/components/filters/FilterPanelItemToggler.d.ts.map +1 -1
- package/components/filters/FiltersPanel.d.ts +4 -0
- package/components/filters/FiltersPanel.d.ts.map +1 -1
- package/components/filters/PresetPanel/PresetsPanel.d.ts +1 -0
- package/components/filters/PresetPanel/PresetsPanel.d.ts.map +1 -1
- package/components/inputs/MultiSwitch.d.ts +2 -3
- package/components/inputs/MultiSwitch.d.ts.map +1 -1
- package/components/inputs/RadioInput.d.ts +1 -0
- package/components/inputs/RadioInput.d.ts.map +1 -1
- package/components/inputs/TextInput.d.ts +1 -1
- package/components/inputs/TextInput.d.ts.map +1 -1
- package/components/inputs/index.d.ts +1 -1
- package/components/inputs/timePicker/TimePicker.d.ts +41 -0
- package/components/inputs/timePicker/TimePicker.d.ts.map +1 -0
- package/components/inputs/timePicker/TimePickerBody.d.ts +22 -0
- package/components/inputs/timePicker/TimePickerBody.d.ts.map +1 -0
- package/components/inputs/timePicker/index.d.ts +3 -0
- package/components/inputs/timePicker/index.d.ts.map +1 -0
- package/components/inputs/timePicker/parseTimeHelper.d.ts +7 -0
- package/components/inputs/timePicker/parseTimeHelper.d.ts.map +1 -0
- package/components/layout/FlexItems/FlexRow.d.ts +10 -0
- package/components/layout/FlexItems/FlexRow.d.ts.map +1 -1
- package/components/layout/RadioGroup.d.ts +3 -1
- package/components/layout/RadioGroup.d.ts.map +1 -1
- package/components/navigation/Anchor.d.ts +1 -2
- package/components/navigation/Anchor.d.ts.map +1 -1
- package/components/navigation/MainMenu/Burger/BurgerButton.d.ts +6 -2
- package/components/navigation/MainMenu/Burger/BurgerButton.d.ts.map +1 -1
- package/components/navigation/MainMenu/MainMenuAvatar.d.ts +3 -3
- package/components/navigation/MainMenu/MainMenuAvatar.d.ts.map +1 -1
- package/components/navigation/MainMenu/MainMenuButton.d.ts +28 -3
- package/components/navigation/MainMenu/MainMenuButton.d.ts.map +1 -1
- package/components/navigation/MainMenu/MainMenuIcon.d.ts +4 -37
- package/components/navigation/MainMenu/MainMenuIcon.d.ts.map +1 -1
- package/components/navigation/MainMenu/MainMenuSearch.d.ts +1 -1
- package/components/navigation/MainMenu/MainMenuSearch.d.ts.map +1 -1
- package/components/overlays/DropdownMenu.d.ts +3 -3
- package/components/overlays/DropdownMenu.d.ts.map +1 -1
- package/components/overlays/Snackbar.d.ts +12 -0
- package/components/overlays/Snackbar.d.ts.map +1 -0
- package/components/overlays/index.d.ts +1 -0
- package/components/overlays/index.d.ts.map +1 -1
- package/components/pickers/PickerItem.d.ts +11 -0
- package/components/pickers/PickerItem.d.ts.map +1 -1
- package/components/pickers/PickerList.d.ts +2 -2
- package/components/pickers/PickerList.d.ts.map +1 -1
- package/components/pickers/PickerListItem.d.ts +3 -0
- package/components/pickers/PickerListItem.d.ts.map +1 -1
- package/components/pickers/highlight.d.ts +2 -1
- package/components/pickers/highlight.d.ts.map +1 -1
- package/components/tables/DataTableHeaderCell.d.ts +2 -2
- package/components/tables/DataTableHeaderCell.d.ts.map +1 -1
- package/components/tables/types.d.ts +5 -0
- package/components/tables/types.d.ts.map +1 -1
- package/components/typography/Text.d.ts +1 -1
- package/components/typography/Text.d.ts.map +1 -1
- package/components/typography/TextPlaceholder.d.ts +2 -0
- package/components/typography/TextPlaceholder.d.ts.map +1 -1
- package/components/widgets/Badge.d.ts +23 -4
- package/components/widgets/Badge.d.ts.map +1 -1
- package/components/widgets/IndeterminateBar.d.ts +1 -0
- package/components/widgets/IndeterminateBar.d.ts.map +1 -1
- package/components/widgets/Tag.d.ts +41 -3
- package/components/widgets/Tag.d.ts.map +1 -1
- package/helpers/textLayout.d.ts +2 -0
- package/helpers/textLayout.d.ts.map +1 -1
- package/index.esm.js +2122 -1877
- package/index.esm.js.map +1 -1
- package/index.js +2211 -1962
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/readme.md +4 -4
- package/stats.html +1 -1
- package/styles.css +4931 -4802
- package/styles.css.map +1 -1
- package/components/inputs/TimePicker.d.ts +0 -15
- package/components/inputs/TimePicker.d.ts.map +0 -1
- package/components/inputs/TimePickerBody.d.ts +0 -3
- 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
|
-
|
|
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,
|
|
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,
|
|
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?:
|
|
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,
|
|
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' | '
|
|
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,
|
|
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
|
|
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 =
|
|
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: (
|
|
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
|
-
|
|
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;
|
|
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 {
|
|
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 =
|
|
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: (
|
|
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;
|
|
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"}
|
package/helpers/textLayout.d.ts
CHANGED
|
@@ -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"}
|