@epam/uui 5.4.1 → 5.4.2
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/components/buttons/Button.d.ts +5 -4
- package/components/buttons/Button.d.ts.map +1 -1
- package/components/filters/FilterPanelItemToggler.d.ts +1 -1
- package/components/filters/FilterPickerBody.d.ts.map +1 -1
- package/components/filters/FiltersPanelItem.d.ts.map +1 -1
- package/components/inputs/TextInput.d.ts +1 -1
- package/components/navigation/MainMenu/MainMenuIcon.d.ts +4 -4
- package/components/navigation/MainMenu/MainMenuSearch.d.ts +1 -1
- package/components/pickers/DataPickerBody.d.ts +1 -0
- package/components/pickers/DataPickerBody.d.ts.map +1 -1
- package/components/pickers/MobileDropdownWrapper.d.ts +2 -1
- package/components/pickers/MobileDropdownWrapper.d.ts.map +1 -1
- package/components/widgets/Badge.d.ts +4 -3
- package/components/widgets/Badge.d.ts.map +1 -1
- package/components/widgets/CountIndicator.d.ts +13 -4
- package/components/widgets/CountIndicator.d.ts.map +1 -1
- package/components/widgets/StatusIndicator.d.ts +22 -6
- package/components/widgets/StatusIndicator.d.ts.map +1 -1
- package/index.esm.js +128 -124
- package/index.esm.js.map +1 -1
- package/index.js +129 -123
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +1 -1
- package/styles.css +2499 -2493
- package/styles.css.map +1 -1
|
@@ -4,14 +4,15 @@ import { ControlSize } from '../types';
|
|
|
4
4
|
export type ButtonColor = 'accent' | 'primary' | 'critical' | 'secondary' | 'neutral';
|
|
5
5
|
export type ButtonFill = 'solid' | 'outline' | 'ghost' | 'none';
|
|
6
6
|
export interface ButtonMods {
|
|
7
|
+
/** @default '36' */
|
|
7
8
|
size?: ControlSize | '18';
|
|
9
|
+
/** @default 'solid' */
|
|
8
10
|
fill?: ButtonFill;
|
|
11
|
+
/** @default 'primary' */
|
|
9
12
|
color?: ButtonColor;
|
|
10
13
|
}
|
|
11
|
-
export type ButtonCoreProps = uuiButtonProps & {
|
|
12
|
-
|
|
13
|
-
};
|
|
14
|
-
export type ButtonProps = ButtonMods & Omit<uuiButtonProps, 'count' | 'indicator'>;
|
|
14
|
+
export type ButtonCoreProps = Omit<uuiButtonProps, 'count'> & {};
|
|
15
|
+
export type ButtonProps = ButtonMods & ButtonCoreProps;
|
|
15
16
|
export declare function applyButtonMods(mods: ButtonProps): string[];
|
|
16
17
|
export declare const Button: (props: (uuiButtonProps & ButtonMods) & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
17
18
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE1F,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvC,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;AACtF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,UAAU;IACvB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,MAAM,eAAe,GAAG,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE1F,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvC,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;AACtF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,UAAU;IACvB,oBAAoB;IACpB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,uBAAuB;IACvB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yBAAyB;IACzB,KAAK,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,eAAe,CAAC;AAEvD,wBAAgB,eAAe,CAAC,IAAI,EAAE,WAAW,YAQhD;AAED,eAAO,MAAM,MAAM,yIAQlB,CAAC"}
|
|
@@ -4,7 +4,7 @@ export interface FilterToolbarItemTogglerProps extends IDropdownToggler {
|
|
|
4
4
|
selection?: React.ReactNode[];
|
|
5
5
|
postfix?: string | null | JSX.Element;
|
|
6
6
|
title?: string;
|
|
7
|
-
maxWidth?:
|
|
7
|
+
maxWidth?: number;
|
|
8
8
|
size?: '24' | '30' | '36' | '42' | '48';
|
|
9
9
|
cx?: IHasCX;
|
|
10
10
|
predicateName: string | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPickerBody.d.ts","sourceRoot":"","sources":["../../../components/filters/FilterPickerBody.tsx"],"names":[],"mappings":";AACA,OAAO,EAAqC,iBAAiB,EAAY,MAAM,gBAAgB,CAAC;AAChG,OAAO,EAAuB,oBAAoB,EAAkB,MAAM,sBAAsB,CAAC;AAKjG,KAAK,qBAAqB,CAAC,KAAK,EAAE,GAAG,IAAI,iBAAiB,GAAG,oBAAoB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG;IAC5F,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,qBAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"FilterPickerBody.d.ts","sourceRoot":"","sources":["../../../components/filters/FilterPickerBody.tsx"],"names":[],"mappings":";AACA,OAAO,EAAqC,iBAAiB,EAAY,MAAM,gBAAgB,CAAC;AAChG,OAAO,EAAuB,oBAAoB,EAAkB,MAAM,sBAAsB,CAAC;AAKjG,KAAK,qBAAqB,CAAC,KAAK,EAAE,GAAG,IAAI,iBAAiB,GAAG,oBAAoB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG;IAC5F,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,qBAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,eA+DpF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FiltersPanelItem.d.ts","sourceRoot":"","sources":["../../../components/filters/FiltersPanelItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAIzE,OAAO,EAAqB,kBAAkB,EAAoB,SAAS,EAAsG,MAAM,gBAAgB,CAAC;AAcxM,MAAM,MAAM,uBAAuB,GAAG,kBAAkB,CAAC,GAAG,CAAC,GAC7D,SAAS,CAAC,GAAG,CAAC,GAAG;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3C,CAAC;AAEF,iBAAS,sBAAsB,CAAC,KAAK,EAAE,uBAAuB,
|
|
1
|
+
{"version":3,"file":"FiltersPanelItem.d.ts","sourceRoot":"","sources":["../../../components/filters/FiltersPanelItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAIzE,OAAO,EAAqB,kBAAkB,EAAoB,SAAS,EAAsG,MAAM,gBAAgB,CAAC;AAcxM,MAAM,MAAM,uBAAuB,GAAG,kBAAkB,CAAC,GAAG,CAAC,GAC7D,SAAS,CAAC,GAAG,CAAC,GAAG;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3C,CAAC;AAEF,iBAAS,sBAAsB,CAAC,KAAK,EAAE,uBAAuB,eA2O7D;AAED,eAAO,MAAM,gBAAgB,0DAAqC,CAAC"}
|
|
@@ -14,5 +14,5 @@ export interface TextInputProps extends CoreTextInputProps, TextInputMods {
|
|
|
14
14
|
export interface SearchInputProps extends TextInputProps, IEditableDebouncerOptions {
|
|
15
15
|
}
|
|
16
16
|
export declare const TextInput: (props: CoreTextInputProps & TextInputMods & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
17
|
-
export declare const SearchInput: React.ForwardRefExoticComponent<Pick<SearchInputProps, "name" | "value" | "onValueChange" | "isInvalid" | "validationMessage" | "validationProps" | "isDisabled" | "isReadonly" | "tabIndex" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "caption" | "isRequired" | "onClick" | "id" | "placeholder" | "cx" | "icon" | "iconPosition" | "onIconClick" | "dropdownIcon" | "
|
|
17
|
+
export declare const SearchInput: React.ForwardRefExoticComponent<Pick<SearchInputProps, "name" | "value" | "onValueChange" | "isInvalid" | "validationMessage" | "validationProps" | "isDisabled" | "isReadonly" | "tabIndex" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "caption" | "isRequired" | "onClick" | "id" | "placeholder" | "cx" | "icon" | "iconPosition" | "onIconClick" | "dropdownIcon" | "rawProps" | "onFocus" | "onBlur" | "getValueChangeAnalyticsEvent" | "onCancel" | "onAccept" | "onKeyDown" | "autoFocus" | "type" | "autoComplete" | "maxLength" | "inputMode" | "inputCx" | "mode" | "size" | "disableDebounce" | "debounceDelay" | "acceptIcon" | "cancelIcon" | "renderInput"> & React.RefAttributes<HTMLInputElement>>;
|
|
18
18
|
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -5,7 +5,7 @@ export type MainMenuIconProps = ButtonProps & IAdaptiveItem & {
|
|
|
5
5
|
icon: Icon;
|
|
6
6
|
};
|
|
7
7
|
export declare const MainMenuIcon: React.ForwardRefExoticComponent<(Pick<import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").ButtonCoreProps & {
|
|
8
|
-
rawProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
8
|
+
rawProps?: React.AnchorHTMLAttributes<HTMLAnchorElement> & Record<`data-${string}`, string>;
|
|
9
9
|
href: string;
|
|
10
10
|
link?: never;
|
|
11
11
|
} & import("@epam/uui-core").IHasForwardedRef<HTMLAnchorElement | HTMLButtonElement> & {
|
|
@@ -15,7 +15,7 @@ export declare const MainMenuIcon: React.ForwardRefExoticComponent<(Pick<import(
|
|
|
15
15
|
} & IAdaptiveItem & {
|
|
16
16
|
icon: Icon;
|
|
17
17
|
}, "isDisabled" | "tabIndex" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "caption" | "onClick" | "onClear" | "cx" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "dropdownIcon" | "dropdownIconPosition" | "count" | "rawProps" | "forwardedRef" | keyof import("@epam/uui-core").ICanRedirect | "clearIcon" | "captionCX" | "countIndicator" | keyof IAdaptiveItem> | Pick<import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").ButtonCoreProps & {
|
|
18
|
-
rawProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
18
|
+
rawProps?: React.AnchorHTMLAttributes<HTMLAnchorElement> & Record<`data-${string}`, string>;
|
|
19
19
|
link: import("@epam/uui-core").Link;
|
|
20
20
|
href?: never;
|
|
21
21
|
} & import("@epam/uui-core").IHasForwardedRef<HTMLAnchorElement | HTMLButtonElement> & {
|
|
@@ -25,7 +25,7 @@ export declare const MainMenuIcon: React.ForwardRefExoticComponent<(Pick<import(
|
|
|
25
25
|
} & IAdaptiveItem & {
|
|
26
26
|
icon: Icon;
|
|
27
27
|
}, "isDisabled" | "tabIndex" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "caption" | "onClick" | "onClear" | "cx" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "dropdownIcon" | "dropdownIconPosition" | "count" | "rawProps" | "forwardedRef" | keyof import("@epam/uui-core").ICanRedirect | "clearIcon" | "captionCX" | "countIndicator" | keyof IAdaptiveItem> | Pick<import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").ButtonCoreProps & {
|
|
28
|
-
rawProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
28
|
+
rawProps?: React.ButtonHTMLAttributes<HTMLButtonElement> & Record<`data-${string}`, string>;
|
|
29
29
|
href?: never;
|
|
30
30
|
link?: never;
|
|
31
31
|
} & import("@epam/uui-core").IHasForwardedRef<HTMLAnchorElement | HTMLButtonElement> & {
|
|
@@ -35,7 +35,7 @@ export declare const MainMenuIcon: React.ForwardRefExoticComponent<(Pick<import(
|
|
|
35
35
|
} & IAdaptiveItem & {
|
|
36
36
|
icon: Icon;
|
|
37
37
|
}, "isDisabled" | "tabIndex" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "caption" | "onClick" | "onClear" | "cx" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "dropdownIcon" | "dropdownIconPosition" | "count" | "rawProps" | "forwardedRef" | keyof import("@epam/uui-core").ICanRedirect | "clearIcon" | "captionCX" | "countIndicator" | keyof IAdaptiveItem> | Pick<import("@epam/uui-core").ICanRedirect & import("@epam/uui-core").ButtonCoreProps & {
|
|
38
|
-
rawProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
38
|
+
rawProps?: React.AnchorHTMLAttributes<HTMLAnchorElement> & Record<`data-${string}`, string>;
|
|
39
39
|
href: string;
|
|
40
40
|
link: import("@epam/uui-core").Link;
|
|
41
41
|
} & import("@epam/uui-core").IHasForwardedRef<HTMLAnchorElement | HTMLButtonElement> & {
|
|
@@ -3,5 +3,5 @@ import { TextInputProps } from '@epam/uui-components';
|
|
|
3
3
|
import { IAdaptiveItem } from '@epam/uui-core';
|
|
4
4
|
export interface MainMenuSearchProps extends TextInputProps, IAdaptiveItem {
|
|
5
5
|
}
|
|
6
|
-
export declare const MainMenuSearch: React.ForwardRefExoticComponent<Pick<MainMenuSearchProps, "name" | "value" | "onValueChange" | "isInvalid" | "validationMessage" | "validationProps" | "isDisabled" | "isReadonly" | "tabIndex" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "caption" | "isRequired" | "onClick" | "id" | "placeholder" | "cx" | "icon" | "iconPosition" | "onIconClick" | "dropdownIcon" | "
|
|
6
|
+
export declare const MainMenuSearch: React.ForwardRefExoticComponent<Pick<MainMenuSearchProps, "name" | "value" | "onValueChange" | "isInvalid" | "validationMessage" | "validationProps" | "isDisabled" | "isReadonly" | "tabIndex" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "caption" | "isRequired" | "onClick" | "id" | "placeholder" | "cx" | "icon" | "iconPosition" | "onIconClick" | "dropdownIcon" | "rawProps" | "onFocus" | "onBlur" | "getValueChangeAnalyticsEvent" | "onCancel" | "onAccept" | "onKeyDown" | "autoFocus" | "type" | "autoComplete" | "maxLength" | "inputMode" | "inputCx" | "acceptIcon" | "cancelIcon" | "renderInput" | "estimatedWidth" | "priority" | "showInBurgerMenu" | "collapseToMore" | "collapsedContainer"> & React.RefAttributes<HTMLInputElement>>;
|
|
7
7
|
//# sourceMappingURL=MainMenuSearch.d.ts.map
|
|
@@ -7,6 +7,7 @@ export interface DataPickerBodyProps extends PickerBodyBaseProps {
|
|
|
7
7
|
editMode?: 'dropdown' | 'modal';
|
|
8
8
|
searchSize?: ControlSize;
|
|
9
9
|
selectionMode?: 'single' | 'multi';
|
|
10
|
+
maxWidth?: number;
|
|
10
11
|
}
|
|
11
12
|
export declare class DataPickerBody extends PickerBodyBase<DataPickerBodyProps> {
|
|
12
13
|
lens: import("@epam/uui-core").ILens<DataSourceState<Record<string, any>, any>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataPickerBody.d.ts","sourceRoot":"","sources":["../../../components/pickers/DataPickerBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACG,eAAe,EACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAY,cAAc,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAKrF,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DataPickerBody.d.ts","sourceRoot":"","sources":["../../../components/pickers/DataPickerBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACG,eAAe,EACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAY,cAAc,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAKrF,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,cAAe,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IACnE,IAAI,4EAAmD;IACvD,UAAU,yCAA4B;IACtC,cAAc;IAYd,MAAM;CAiCT"}
|
|
@@ -7,7 +7,8 @@ interface IMobileDropdownWrapperProps extends IHasCX, IHasRawProps<React.HTMLAtt
|
|
|
7
7
|
title?: string;
|
|
8
8
|
onKeyDown?(e: React.KeyboardEvent<HTMLElement>): void;
|
|
9
9
|
focusLock?: boolean;
|
|
10
|
-
width?: number;
|
|
10
|
+
width?: number | 'auto';
|
|
11
|
+
maxWidth?: number | 'auto';
|
|
11
12
|
}
|
|
12
13
|
export declare const MobileDropdownWrapper: React.FC<IMobileDropdownWrapperProps>;
|
|
13
14
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileDropdownWrapper.d.ts","sourceRoot":"","sources":["../../../components/pickers/MobileDropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,YAAY,EAAY,MAAM,gBAAgB,CAAC;AAEpF,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAKvC,UAAU,2BAA4B,SAAQ,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAAE,kBAAkB;IACxH,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"MobileDropdownWrapper.d.ts","sourceRoot":"","sources":["../../../components/pickers/MobileDropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,YAAY,EAAY,MAAM,gBAAgB,CAAC;AAEpF,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAKvC,UAAU,2BAA4B,SAAQ,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAAE,kBAAkB;IACxH,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAiBvE,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ButtonProps } from '@epam/uui-components';
|
|
3
|
+
export declare const defaultBadgeSize = "36";
|
|
4
|
+
export declare const defaultBadgeFill = "solid";
|
|
3
5
|
export type BadgeFill = 'solid' | 'outline';
|
|
4
6
|
export type BadgeSize = '18' | '24' | '30' | '36' | '42' | '48';
|
|
5
7
|
export type BadgeColor = 'info' | 'success' | 'warning' | 'critical' | 'neutral';
|
|
@@ -9,12 +11,11 @@ export interface BadgeMods {
|
|
|
9
11
|
fill?: BadgeFill;
|
|
10
12
|
/** @default '36' */
|
|
11
13
|
size?: BadgeSize;
|
|
12
|
-
indicator?: boolean;
|
|
13
14
|
}
|
|
14
15
|
export type BadgeCoreProps = ButtonProps & {
|
|
15
|
-
|
|
16
|
+
indicator?: boolean;
|
|
16
17
|
};
|
|
17
18
|
export type BadgeProps = BadgeCoreProps & BadgeMods;
|
|
18
19
|
export declare function applyBadgeMods(mods: BadgeProps): string[];
|
|
19
|
-
export declare const Badge: (props: (
|
|
20
|
+
export declare const Badge: (props: (BadgeCoreProps & BadgeMods) & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
20
21
|
//# 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,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../components/widgets/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAc3D,eAAO,MAAM,gBAAgB,OAAO,CAAC;AACrC,eAAO,MAAM,gBAAgB,UAAU,CAAC;AAExC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAC5C,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAChE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAEjF,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,uBAAuB;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,SAAS,CAAC;AAEpD,wBAAgB,cAAc,CAAC,IAAI,EAAE,UAAU,YAS9C;AAWD,eAAO,MAAM,KAAK,wIAuBhB,CAAC"}
|
|
@@ -1,11 +1,20 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IHasCaption, IHasCX } from '@epam/uui-core';
|
|
3
|
-
export
|
|
3
|
+
export type CountIndicatorMods = {
|
|
4
|
+
/** Property is required */
|
|
5
|
+
color: 'neutral' | 'white' | 'info' | 'success' | 'warning' | 'critical' | null;
|
|
6
|
+
};
|
|
7
|
+
export type CountIndicatorCoreProps = IHasCaption & IHasCX & {
|
|
4
8
|
/**
|
|
5
9
|
* @default '24'
|
|
6
10
|
*/
|
|
7
11
|
size?: '24' | '18' | '12';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
export declare const CountIndicator: React.ForwardRefExoticComponent<
|
|
12
|
+
};
|
|
13
|
+
export type CountIndicatorProps = CountIndicatorCoreProps & CountIndicatorMods;
|
|
14
|
+
export declare const CountIndicator: React.ForwardRefExoticComponent<IHasCaption & IHasCX & {
|
|
15
|
+
/**
|
|
16
|
+
* @default '24'
|
|
17
|
+
*/
|
|
18
|
+
size?: '24' | '18' | '12';
|
|
19
|
+
} & CountIndicatorMods & React.RefAttributes<HTMLDivElement>>;
|
|
11
20
|
//# sourceMappingURL=CountIndicator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountIndicator.d.ts","sourceRoot":"","sources":["../../../components/widgets/CountIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGrD,MAAM,
|
|
1
|
+
{"version":3,"file":"CountIndicator.d.ts","sourceRoot":"","sources":["../../../components/widgets/CountIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGrD,MAAM,MAAM,kBAAkB,GAAG;IAC7B,2BAA2B;IAC3B,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI,CAAC;CACnF,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAAG,MAAM,GAAG;IACzD;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG,kBAAkB,CAAC;AAE/E,eAAO,MAAM,cAAc;IARvB;;OAEG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;6DAoB3B,CAAC"}
|
|
@@ -1,17 +1,34 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IHasCX } from '@epam/uui-core';
|
|
3
3
|
export type StatusIndicatorColors = 'neutral' | 'info' | 'success' | 'warning' | 'critical';
|
|
4
|
-
export
|
|
4
|
+
export type StatusIndicatorMods = {
|
|
5
|
+
/**
|
|
6
|
+
* Component color.
|
|
7
|
+
* @default 'neutral'
|
|
8
|
+
*/
|
|
9
|
+
color?: StatusIndicatorColors;
|
|
10
|
+
};
|
|
11
|
+
export type StatusIndicatorCoreProps = IHasCX & {
|
|
5
12
|
/**
|
|
6
13
|
* Component size. If omitted, 24 size will be used.
|
|
7
14
|
* @default '24'
|
|
8
15
|
*/
|
|
9
16
|
size?: '24' | '18' | '12';
|
|
10
17
|
/**
|
|
11
|
-
*
|
|
12
|
-
* @default '
|
|
18
|
+
* Fill mode, solid is used by default
|
|
19
|
+
* @default 'solid'
|
|
13
20
|
*/
|
|
14
|
-
|
|
21
|
+
fill?: 'solid' | 'outline';
|
|
22
|
+
/** Component caption. */
|
|
23
|
+
caption: string;
|
|
24
|
+
};
|
|
25
|
+
export type StatusIndicatorProps = StatusIndicatorCoreProps & StatusIndicatorMods;
|
|
26
|
+
export declare const StatusIndicator: React.ForwardRefExoticComponent<IHasCX & {
|
|
27
|
+
/**
|
|
28
|
+
* Component size. If omitted, 24 size will be used.
|
|
29
|
+
* @default '24'
|
|
30
|
+
*/
|
|
31
|
+
size?: '24' | '18' | '12';
|
|
15
32
|
/**
|
|
16
33
|
* Fill mode, solid is used by default
|
|
17
34
|
* @default 'solid'
|
|
@@ -19,6 +36,5 @@ export interface StatusIndicatorProps extends IHasCX {
|
|
|
19
36
|
fill?: 'solid' | 'outline';
|
|
20
37
|
/** Component caption. */
|
|
21
38
|
caption: string;
|
|
22
|
-
}
|
|
23
|
-
export declare const StatusIndicator: React.ForwardRefExoticComponent<StatusIndicatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
} & StatusIndicatorMods & React.RefAttributes<HTMLDivElement>>;
|
|
24
40
|
//# sourceMappingURL=StatusIndicator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../components/widgets/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGxC,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAE5F,MAAM,
|
|
1
|
+
{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../components/widgets/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGxC,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAE5F,MAAM,MAAM,mBAAmB,GAAG;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,qBAAqB,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG;IAC5C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GAAG,mBAAmB,CAAC;AAElF,eAAO,MAAM,eAAe;IAhBxB;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;;OAGG;WACI,OAAO,GAAG,SAAS;IAC1B,yBAAyB;aAChB,MAAM;8DAsBjB,CAAC"}
|