@epam/uui 5.5.4 → 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.
- package/assets/styles/clickable.scss +27 -0
- package/assets/styles/index.scss +1 -0
- 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/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
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
@mixin clickable-styles() {
|
|
2
|
+
text-decoration: none;
|
|
3
|
+
outline: none;
|
|
4
|
+
border: 0;
|
|
5
|
+
background: none;
|
|
6
|
+
box-sizing: border-box;
|
|
7
|
+
appearance: none;
|
|
8
|
+
align-items: unset;
|
|
9
|
+
padding: unset;
|
|
10
|
+
margin: unset;
|
|
11
|
+
justify-content: unset;
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
display: flex;
|
|
14
|
+
position: relative;
|
|
15
|
+
|
|
16
|
+
&:hover {
|
|
17
|
+
text-decoration: none;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&:global(.-clickable) {
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&:global(.uui-disabled) {
|
|
25
|
+
cursor: default;
|
|
26
|
+
}
|
|
27
|
+
}
|
package/assets/styles/index.scss
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ButtonProps as uuiButtonProps } from '@epam/uui-components';
|
|
1
|
+
import * as uuiComponents from '@epam/uui-components';
|
|
3
2
|
import { ControlSize } from '../types';
|
|
4
|
-
|
|
3
|
+
type ButtonMods = {
|
|
5
4
|
/**
|
|
6
5
|
* Defines component size.
|
|
7
6
|
* @default '36'
|
|
@@ -17,13 +16,16 @@ interface ButtonMods {
|
|
|
17
16
|
* @default 'primary'
|
|
18
17
|
*/
|
|
19
18
|
color?: 'accent' | 'primary' | 'critical' | 'secondary' | 'neutral';
|
|
20
|
-
}
|
|
21
|
-
/** Represents the 'Core properties' for the Button component
|
|
22
|
-
export
|
|
23
|
-
}
|
|
19
|
+
};
|
|
20
|
+
/** Represents the 'Core properties' for the Button component. */
|
|
21
|
+
export type ButtonCoreProps = uuiComponents.ButtonProps;
|
|
24
22
|
/** Represents the props for a Button component. */
|
|
25
|
-
export
|
|
26
|
-
|
|
27
|
-
|
|
23
|
+
export type ButtonProps = ButtonMods & ButtonCoreProps;
|
|
24
|
+
export declare const Button: (props: 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<uuiComponents.ClickableRawProps> & import("@epam/uui-core").IDropdownToggler & import("@epam/uui-core").IHasIcon & import("@epam/uui-core").IHasCaption & {
|
|
25
|
+
onClear?(e?: any): void;
|
|
26
|
+
clearIcon?: import("@epam/uui-core").Icon;
|
|
27
|
+
captionCX?: import("@epam/uui-core").ClassValue;
|
|
28
|
+
dropdownIcon?: import("@epam/uui-core").Icon;
|
|
29
|
+
} & ButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
28
30
|
export {};
|
|
29
31
|
//# 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,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvC,KAAK,UAAU,GAAG;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,iEAAiE;AACjE,MAAM,MAAM,eAAe,GAAG,aAAa,CAAC,WAAW,CAAC;AAExD,mDAAmD;AACnD,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,eAAe,CAAC;AAYvD,eAAO,MAAM,MAAM;;;;;8IAalB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as uuiComponents from '@epam/uui-components';
|
|
2
2
|
interface IconButtonMods {
|
|
3
3
|
/**
|
|
4
4
|
* Defines component color.
|
|
@@ -7,9 +7,12 @@ interface IconButtonMods {
|
|
|
7
7
|
color?: 'info' | 'success' | 'warning' | 'error' | 'secondary' | 'neutral';
|
|
8
8
|
}
|
|
9
9
|
/** Represents the Core properties of the IconButton component. */
|
|
10
|
-
export type IconButtonCoreProps =
|
|
10
|
+
export type IconButtonCoreProps = uuiComponents.IconButtonProps;
|
|
11
11
|
/** Represents the properties of the IconButton component. */
|
|
12
12
|
export type IconButtonProps = IconButtonCoreProps & IconButtonMods;
|
|
13
|
-
export declare const IconButton: (props: (
|
|
13
|
+
export declare const IconButton: (props: 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<uuiComponents.ClickableRawProps> & import("@epam/uui-core").IDropdownToggler & {
|
|
14
|
+
icon?: import("@epam/uui-core").Icon;
|
|
15
|
+
dropdownIcon?: import("@epam/uui-core").Icon;
|
|
16
|
+
} & IconButtonMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
14
17
|
export {};
|
|
15
18
|
//# sourceMappingURL=IconButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAItD,UAAU,cAAc;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC;CAC9E;AAED,kEAAkE;AAClE,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAC,eAAe,CAAC;AAEhE,6DAA6D;AAC7D,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,cAAc,CAAC;AAMnE,eAAO,MAAM,UAAU;;;kJAA2F,CAAC"}
|
|
@@ -1,11 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { CX, Icon, IDropdownToggler, IHasCaption, IHasIcon } from '@epam/uui-core';
|
|
3
|
+
import { ClickableComponentProps } from '@epam/uui-components';
|
|
1
4
|
import * as types from '../types';
|
|
2
|
-
import { ButtonProps } from '@epam/uui-components';
|
|
3
5
|
interface LinkButtonMods {
|
|
4
|
-
/**
|
|
5
|
-
* Defines component size.
|
|
6
|
-
* @default '36'
|
|
7
|
-
*/
|
|
8
|
-
size?: types.ControlSize | '42';
|
|
9
6
|
/**
|
|
10
7
|
* Defines component color.
|
|
11
8
|
* @default 'primary'
|
|
@@ -13,11 +10,35 @@ interface LinkButtonMods {
|
|
|
13
10
|
color?: 'primary' | 'secondary' | 'contrast';
|
|
14
11
|
}
|
|
15
12
|
/** Represents the Core properties of the LinkButton component. */
|
|
16
|
-
export type LinkButtonCoreProps =
|
|
13
|
+
export type LinkButtonCoreProps = ClickableComponentProps & IDropdownToggler & IHasIcon & IHasCaption & {
|
|
14
|
+
/**
|
|
15
|
+
* CSS classes to put on the caption
|
|
16
|
+
* @deprecated
|
|
17
|
+
* */
|
|
18
|
+
captionCX?: CX;
|
|
19
|
+
/** Icon for drop-down toggler */
|
|
20
|
+
dropdownIcon?: Icon;
|
|
21
|
+
/**
|
|
22
|
+
* Defines component size.
|
|
23
|
+
* @default '36'
|
|
24
|
+
*/
|
|
17
25
|
size?: types.ControlSize | '42';
|
|
18
26
|
};
|
|
19
27
|
/** Represents the properties of the LinkButton component. */
|
|
20
28
|
export type LinkButtonProps = LinkButtonCoreProps & LinkButtonMods;
|
|
21
|
-
export declare const LinkButton: (
|
|
29
|
+
export declare const LinkButton: 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 & {
|
|
30
|
+
/**
|
|
31
|
+
* CSS classes to put on the caption
|
|
32
|
+
* @deprecated
|
|
33
|
+
* */
|
|
34
|
+
captionCX?: CX;
|
|
35
|
+
/** Icon for drop-down toggler */
|
|
36
|
+
dropdownIcon?: Icon;
|
|
37
|
+
/**
|
|
38
|
+
* Defines component size.
|
|
39
|
+
* @default '36'
|
|
40
|
+
*/
|
|
41
|
+
size?: types.ControlSize | '42';
|
|
42
|
+
} & LinkButtonMods & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
22
43
|
export {};
|
|
23
44
|
//# sourceMappingURL=LinkButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,
|
|
1
|
+
{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAiB,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAc,MAAM,gBAAgB,CAAC;AAC9G,OAAO,EAAa,uBAAuB,EAAiB,MAAM,sBAAsB,CAAC;AACzF,OAAO,KAAK,KAAK,MAAM,UAAU,CAAC;AAQlC,UAAU,cAAc;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CAChD;AAED,kEAAkE;AAClE,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,WAAW,GAAG;IACpG;;;SAGK;IACL,SAAS,CAAC,EAAE,EAAE,CAAC;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,6DAA6D;AAC7D,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,cAAc,CAAC;AAYnE,eAAO,MAAM,UAAU;IA3BnB;;;SAGK;gBACO,EAAE;IACd,iCAAiC;mBAClB,IAAI;IACnB;;;OAGG;WACI,MAAM,WAAW,GAAG,IAAI;gFAmDjC,CAAC"}
|
|
@@ -1,18 +1,45 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
3
|
-
|
|
2
|
+
import { CX, Icon, IDropdownToggler, IHasCaption, IHasIcon } from '@epam/uui-core';
|
|
3
|
+
import { ClickableComponentProps } from '@epam/uui-components';
|
|
4
|
+
type TabButtonMods = {
|
|
4
5
|
/**
|
|
5
6
|
* Defines component size.
|
|
6
7
|
* @default '48'
|
|
7
8
|
*/
|
|
8
9
|
size?: '36' | '48' | '60';
|
|
9
|
-
/**
|
|
10
|
-
* Defines is the component showing Notify
|
|
11
|
-
*/
|
|
10
|
+
/** Defines is the component showing Notify */
|
|
12
11
|
withNotify?: boolean;
|
|
13
|
-
}
|
|
12
|
+
};
|
|
14
13
|
/** Represents the properties of a TabButton component. */
|
|
15
|
-
export type TabButtonProps = TabButtonMods &
|
|
16
|
-
|
|
14
|
+
export type TabButtonProps = TabButtonMods & ClickableComponentProps & IDropdownToggler & IHasIcon & IHasCaption & {
|
|
15
|
+
/** Call to clear toggler value */
|
|
16
|
+
onClear?(e?: any): void;
|
|
17
|
+
/** Icon for clear value button (usually cross) */
|
|
18
|
+
clearIcon?: Icon;
|
|
19
|
+
/**
|
|
20
|
+
* CSS classes to put on the caption
|
|
21
|
+
* @deprecated
|
|
22
|
+
* */
|
|
23
|
+
captionCX?: CX;
|
|
24
|
+
/** Icon for drop-down toggler */
|
|
25
|
+
dropdownIcon?: Icon;
|
|
26
|
+
/** Count value to be placed in component */
|
|
27
|
+
count?: React.ReactNode;
|
|
28
|
+
};
|
|
29
|
+
export declare const TabButton: React.ForwardRefExoticComponent<TabButtonMods & 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 & {
|
|
30
|
+
/** Call to clear toggler value */
|
|
31
|
+
onClear?(e?: any): void;
|
|
32
|
+
/** Icon for clear value button (usually cross) */
|
|
33
|
+
clearIcon?: Icon;
|
|
34
|
+
/**
|
|
35
|
+
* CSS classes to put on the caption
|
|
36
|
+
* @deprecated
|
|
37
|
+
* */
|
|
38
|
+
captionCX?: CX;
|
|
39
|
+
/** Icon for drop-down toggler */
|
|
40
|
+
dropdownIcon?: Icon;
|
|
41
|
+
/** Count value to be placed in component */
|
|
42
|
+
count?: React.ReactNode;
|
|
43
|
+
} & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
|
|
17
44
|
export {};
|
|
18
45
|
//# sourceMappingURL=TabButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/TabButton.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;AAMzF,KAAK,aAAa,GAAG;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,uBAAuB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,WAAW,GAAG;IAC/G,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;AAYF,eAAO,MAAM,SAAS;IAzBlB,kCAAkC;iBACrB,GAAG,GAAG,IAAI;IACvB,kDAAkD;gBACtC,IAAI;IAChB;;;SAGK;gBACO,EAAE;IACd,iCAAiC;mBAClB,IAAI;IACnB,4CAA4C;YACpC,MAAM,SAAS;iFAiEzB,CAAC"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
import { TabButtonProps } from './TabButton';
|
|
2
2
|
/** Represents the properties of a VerticalTabButton component. */
|
|
3
3
|
export type VerticalTabButtonProps = TabButtonProps;
|
|
4
|
-
export declare const VerticalTabButton: (props:
|
|
4
|
+
export declare const VerticalTabButton: (props: {
|
|
5
|
+
size?: "36" | "48" | "60";
|
|
6
|
+
withNotify?: boolean;
|
|
7
|
+
} & 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> & import("@epam/uui-core").IDropdownToggler & import("@epam/uui-core").IHasIcon & import("@epam/uui-core").IHasCaption & {
|
|
8
|
+
onClear?(e?: any): void;
|
|
9
|
+
clearIcon?: import("@epam/uui-core").Icon;
|
|
10
|
+
captionCX?: import("@epam/uui-core").ClassValue;
|
|
11
|
+
dropdownIcon?: import("@epam/uui-core").Icon;
|
|
12
|
+
count?: import("react").ReactNode;
|
|
13
|
+
} & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
5
14
|
//# sourceMappingURL=VerticalTabButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalTabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/VerticalTabButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAOxD,kEAAkE;AAClE,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC;AAEpD,eAAO,MAAM,iBAAiB
|
|
1
|
+
{"version":3,"file":"VerticalTabButton.d.ts","sourceRoot":"","sources":["../../../components/buttons/VerticalTabButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAOxD,kEAAkE;AAClE,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC;AAEpD,eAAO,MAAM,iBAAiB;;;;;;;;;iIAA0E,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../components/datePickers/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,mBAAmB,EAAoE,MAAM,gBAAgB,CAAC;AAE3H,OAAO,EAAY,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAQ3D,6DAA6D;AAC7D,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,EAAE,OAAO,EAAE,YAAY;IAC/E;;MAEE;IACF,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../components/datePickers/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,mBAAmB,EAAoE,MAAM,gBAAgB,CAAC;AAE3H,OAAO,EAAY,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAQ3D,6DAA6D;AAC7D,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,EAAE,OAAO,EAAE,YAAY;IAC/E;;MAEE;IACF,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AA8DD,eAAO,MAAM,UAAU,2HAAgC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../components/datePickers/RangeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,
|
|
1
|
+
{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../components/datePickers/RangeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,wBAAwB,EAAiE,MAAM,gBAAgB,CAAC;AAKjI,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAOnC,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB,EAAE,OAAO;IAC3E;;OAEG;IACH,cAAc,CAAC,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;IACzC;;MAEE;IACF,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAKD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;AAyFtC,eAAO,MAAM,eAAe,gIAAqC,CAAC"}
|
|
@@ -1,14 +1,22 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { IHasCX, IHasRawProps } from '@epam/uui-core';
|
|
3
|
-
import { DropSpotRenderParams } from '@epam/uui-components';
|
|
4
3
|
export interface DropSpotProps extends IHasRawProps<React.HTMLAttributes<HTMLDivElement>>, IHasCX {
|
|
5
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Defines the infoText. InfoText is additional information that can be rendered at the bottom of the AttachmentArea.
|
|
6
|
+
*/
|
|
7
|
+
infoText?: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Called when files was added to the DropSpot.
|
|
10
|
+
*/
|
|
6
11
|
onUploadFiles(files: File[]): any;
|
|
12
|
+
/**
|
|
13
|
+
* Hint for expected file type in file upload controls. See {@link https://developer.mozilla.org/en-US/docs/web/html/element/input#accept} for details
|
|
14
|
+
*/
|
|
7
15
|
accept?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Whether to allow single or multiple values. See {@link https://developer.mozilla.org/en-US/docs/web/html/element/input#multiple} for details
|
|
18
|
+
*/
|
|
8
19
|
single?: boolean;
|
|
9
20
|
}
|
|
10
|
-
export declare
|
|
11
|
-
renderAttachmentArea: (props: DropSpotRenderParams) => JSX.Element;
|
|
12
|
-
render(): JSX.Element;
|
|
13
|
-
}
|
|
21
|
+
export declare function DropSpot(props: DropSpotProps): JSX.Element;
|
|
14
22
|
//# sourceMappingURL=DropSpot.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropSpot.d.ts","sourceRoot":"","sources":["../../../components/fileUpload/DropSpot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,MAAM,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"DropSpot.d.ts","sourceRoot":"","sources":["../../../components/fileUpload/DropSpot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,MAAM,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAS1D,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAAE,MAAM;IAC7F;;MAEE;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;MAEE;IACF,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC;IAClC;;MAEE;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;MAEE;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,eAmC5C"}
|
|
@@ -1,11 +1,23 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { FileUploadResponse, IClickable, IHasCX } from '@epam/uui-core';
|
|
3
3
|
export interface FileCardItem extends Partial<File & FileUploadResponse> {
|
|
4
|
+
/**
|
|
5
|
+
* Defines upload progress. It should be numbered value in range from 0 to 100', where 100 means that file fully loaded.
|
|
6
|
+
*/
|
|
4
7
|
progress?: number;
|
|
8
|
+
/**
|
|
9
|
+
* Callback to handle aborted event which fired when a request has been aborted.
|
|
10
|
+
* See {@link https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/abort_event} for details
|
|
11
|
+
*/
|
|
5
12
|
abortXHR?: () => void;
|
|
6
13
|
}
|
|
7
14
|
export interface FileCardProps extends IClickable, IHasCX {
|
|
15
|
+
/** Defines file card item */
|
|
8
16
|
file: FileCardItem;
|
|
17
|
+
/**
|
|
18
|
+
* Defines card width
|
|
19
|
+
* @default '100%'
|
|
20
|
+
*/
|
|
9
21
|
width?: number;
|
|
10
22
|
}
|
|
11
23
|
export declare const FileCard: React.ForwardRefExoticComponent<FileCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../components/fileUpload/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAM,kBAAkB,EAAe,UAAU,EAAE,MAAM,EAAU,MAAM,gBAAgB,CAAC;AAWjG,MAAM,WAAW,YAAa,SAAQ,OAAO,CAAC,IAAI,GAAG,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"FileCard.d.ts","sourceRoot":"","sources":["../../../components/fileUpload/FileCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAM,kBAAkB,EAAe,UAAU,EAAE,MAAM,EAAU,MAAM,gBAAgB,CAAC;AAWjG,MAAM,WAAW,YAAa,SAAQ,OAAO,CAAC,IAAI,GAAG,kBAAkB,CAAC;IACpE;;MAEE;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;MAGE;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU,EAAE,MAAM;IACrD,6BAA6B;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,sFA6GnB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export interface FilterToolbarItemTogglerProps extends
|
|
2
|
+
import { IDisableable, IDropdownTogglerProps, IHasCX } from '@epam/uui-core';
|
|
3
|
+
export interface FilterToolbarItemTogglerProps extends IDropdownTogglerProps, IDisableable {
|
|
4
4
|
selection?: React.ReactNode[];
|
|
5
5
|
postfix?: string | null | JSX.Element;
|
|
6
6
|
title?: string;
|
|
@@ -9,5 +9,5 @@ export interface FilterToolbarItemTogglerProps extends IDropdownToggler {
|
|
|
9
9
|
cx?: IHasCX;
|
|
10
10
|
predicateName: string | null;
|
|
11
11
|
}
|
|
12
|
-
export declare const FilterPanelItemToggler: React.ForwardRefExoticComponent<Pick<FilterToolbarItemTogglerProps, "isDisabled" | "
|
|
12
|
+
export declare const FilterPanelItemToggler: React.ForwardRefExoticComponent<Pick<FilterToolbarItemTogglerProps, "isDisabled" | "toggleDropdownOpening" | "isInteractedOutside" | "isOpen" | "isDropdown" | "onClick" | "selection" | "cx" | "title" | "maxWidth" | "size" | "postfix" | "predicateName"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
13
|
//# sourceMappingURL=FilterPanelItemToggler.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanelItemToggler.d.ts","sourceRoot":"","sources":["../../../components/filters/FilterPanelItemToggler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FilterPanelItemToggler.d.ts","sourceRoot":"","sources":["../../../components/filters/FilterPanelItemToggler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,EAAkC,MAAM,gBAAgB,CAAC;AAS7G,MAAM,WAAW,6BAA8B,SAAQ,qBAAqB,EAAE,YAAY;IACtF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,sBAAsB,qSAqEjC,CAAC"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TableFiltersConfig, DataTableState } from '@epam/uui-core';
|
|
3
3
|
export interface FiltersPanelProps<TFilter> {
|
|
4
|
+
/** Filters config to get data how to render filters */
|
|
4
5
|
filters: TableFiltersConfig<TFilter>[];
|
|
6
|
+
/** Current state value of the table(list) */
|
|
5
7
|
tableState: DataTableState;
|
|
8
|
+
/** Called when state needs to be changed */
|
|
6
9
|
setTableState: (newState: DataTableState) => void;
|
|
10
|
+
/** Defines size(height) of filter panel and filters */
|
|
7
11
|
size?: '24' | '30' | '36' | '42' | '48';
|
|
8
12
|
}
|
|
9
13
|
declare function FiltersToolbarImpl<TFilter extends object>(props: FiltersPanelProps<TFilter>): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FiltersPanel.d.ts","sourceRoot":"","sources":["../../../components/filters/FiltersPanel.tsx"],"names":[],"mappings":";AAOA,OAAO,EACa,kBAAkB,EAAmD,cAAc,EACtG,MAAM,gBAAgB,CAAC;AAMxB,MAAM,WAAW,iBAAiB,CAAC,OAAO;IACtC,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC;IACvC,UAAU,EAAE,cAAc,CAAC;IAC3B,aAAa,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3C;AAyCD,iBAAS,kBAAkB,CAAC,OAAO,SAAS,MAAM,EAAE,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"FiltersPanel.d.ts","sourceRoot":"","sources":["../../../components/filters/FiltersPanel.tsx"],"names":[],"mappings":";AAOA,OAAO,EACa,kBAAkB,EAAmD,cAAc,EACtG,MAAM,gBAAgB,CAAC;AAMxB,MAAM,WAAW,iBAAiB,CAAC,OAAO;IACtC,uDAAuD;IACvD,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC;IACvC,6CAA6C;IAC7C,UAAU,EAAE,cAAc,CAAC;IAC3B,4CAA4C;IAC5C,aAAa,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,uDAAuD;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3C;AAyCD,iBAAS,kBAAkB,CAAC,OAAO,SAAS,MAAM,EAAE,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,eA2JpF;AAED,eAAO,MAAM,YAAY,2BAA8D,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DataTableState, IHasRawProps, IPresetsApi } from '@epam/uui-core';
|
|
3
3
|
export interface PresetsPanelProps extends IPresetsApi, IHasRawProps<React.HTMLAttributes<HTMLDivElement>> {
|
|
4
|
+
/** Current state value of the table(list) */
|
|
4
5
|
tableState: DataTableState;
|
|
5
6
|
}
|
|
6
7
|
export declare function PresetsPanel(props: PresetsPanelProps): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PresetsPanel.d.ts","sourceRoot":"","sources":["../../../../components/filters/PresetPanel/PresetsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EACH,cAAc,EAAE,YAAY,EAAE,WAAW,EAC5C,MAAM,gBAAgB,CAAC;AAYxB,MAAM,WAAW,iBAAkB,SAAQ,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtG,UAAU,EAAE,cAAc,CAAC;CAC9B;AAID,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAwFpD"}
|
|
1
|
+
{"version":3,"file":"PresetsPanel.d.ts","sourceRoot":"","sources":["../../../../components/filters/PresetPanel/PresetsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EACH,cAAc,EAAE,YAAY,EAAE,WAAW,EAC5C,MAAM,gBAAgB,CAAC;AAYxB,MAAM,WAAW,iBAAkB,SAAQ,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtG,6CAA6C;IAC7C,UAAU,EAAE,cAAc,CAAC;CAC9B;AAID,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAwFpD"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { IEditable, IHasRawProps } from '@epam/uui-core';
|
|
3
|
-
import { ButtonProps } from '
|
|
4
|
-
import { ButtonProps as uuiButtonProps } from '../buttons';
|
|
3
|
+
import { ButtonProps } from '../buttons';
|
|
5
4
|
import { SizeMod } from '../types';
|
|
6
|
-
type MultiSwitchItem<TValue> = ButtonProps &
|
|
5
|
+
type MultiSwitchItem<TValue> = ButtonProps & {
|
|
7
6
|
/**
|
|
8
7
|
* Defines the id of MultiSwitchItem.
|
|
9
8
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSwitch.d.ts","sourceRoot":"","sources":["../../../components/inputs/MultiSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiSwitch.d.ts","sourceRoot":"","sources":["../../../components/inputs/MultiSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,OAAO,EAAU,WAAW,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,KAAK,eAAe,CAAC,MAAM,IAAI,WAAW,GAAG;IACzC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,eAAe,GAAG;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC,CAAC;AAEF,sEAAsE;AACtE,MAAM,MAAM,oBAAoB,CAAC,MAAM,IAAI,SAAS,CAAC,MAAM,CAAC,GAAG,OAAO,GAAG,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,GAAG;IAC1H;;OAEG;IACH,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;CACpC,CAAC;AAEF,+DAA+D;AAC/D,MAAM,MAAM,gBAAgB,CAAC,MAAM,GAAG,OAAO,IAAI,oBAAoB,CAAC,MAAM,CAAC,GAAG,eAAe,CAAC;AAgChG,eAAO,MAAM,WAAW;IAvCpB;;OAEG;;0DAqC0D,CAAC"}
|
|
@@ -12,6 +12,7 @@ export declare const RadioInput: (props: import("@epam/uui-core").IHasCX & impor
|
|
|
12
12
|
icon?: import("@epam/uui-core").Icon;
|
|
13
13
|
renderLabel?(): import("react").ReactNode;
|
|
14
14
|
id?: string;
|
|
15
|
+
name?: string;
|
|
15
16
|
} & RadioInputMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
16
17
|
export {};
|
|
17
18
|
//# sourceMappingURL=RadioInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioInput.d.ts","sourceRoot":"","sources":["../../../components/inputs/RadioInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,eAAe,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1G,KAAK,cAAc,GAAG;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,2DAA2D;AAC3D,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,kBAAkB,CAAC;AAWlE,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"RadioInput.d.ts","sourceRoot":"","sources":["../../../components/inputs/RadioInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,eAAe,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1G,KAAK,cAAc,GAAG;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,2DAA2D;AAC3D,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,kBAAkB,CAAC;AAWlE,eAAO,MAAM,UAAU;;;;;kJAItB,CAAC"}
|
|
@@ -22,6 +22,6 @@ export declare const TextInput: (props: CoreTextInputProps & IHasEditMode & {
|
|
|
22
22
|
*/
|
|
23
23
|
size?: ControlSize | '60';
|
|
24
24
|
} & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
25
|
-
export declare const SearchInput: React.ForwardRefExoticComponent<
|
|
25
|
+
export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
26
26
|
export {};
|
|
27
27
|
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../components/inputs/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AACzF,OAAO,EAA6B,cAAc,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACvG,OAAO,EAAE,YAAY,EAAY,WAAW,EAAE,MAAM,UAAU,CAAC;AAO/D,KAAK,aAAa,GAAG,YAAY,GAAG;IAChC;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,CAAC;AAUF,2DAA2D;AAC3D,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,aAAa;CAAG;AAE5E,6DAA6D;AAC7D,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,yBAAyB;CAAG;AAEtF,eAAO,MAAM,SAAS;IArBlB;;;OAGG;WACI,WAAW,GAAG,IAAI;mGAqB1B,CAAC;AAEJ,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../components/inputs/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AACzF,OAAO,EAA6B,cAAc,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACvG,OAAO,EAAE,YAAY,EAAY,WAAW,EAAE,MAAM,UAAU,CAAC;AAO/D,KAAK,aAAa,GAAG,YAAY,GAAG;IAChC;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,CAAC;AAUF,2DAA2D;AAC3D,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,aAAa;CAAG;AAE5E,6DAA6D;AAC7D,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,yBAAyB;CAAG;AAEtF,eAAO,MAAM,SAAS;IArBlB;;;OAGG;WACI,WAAW,GAAG,IAAI;mGAqB1B,CAAC;AAEJ,eAAO,MAAM,WAAW,2FAyBtB,CAAC"}
|
|
@@ -5,7 +5,7 @@ export * from './TextInput';
|
|
|
5
5
|
export * from './MultiSwitch';
|
|
6
6
|
export * from './NumericInput';
|
|
7
7
|
export * from './TextArea';
|
|
8
|
-
export * from './
|
|
8
|
+
export * from './timePicker';
|
|
9
9
|
export * from './InputAddon';
|
|
10
10
|
export * from './Slider';
|
|
11
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CX, ICanBeReadonly, ICanFocus, IDisableable, IDropdownToggler, IEditable, IHasForwardedRef, IHasPlaceholder, IHasRawProps } from '@epam/uui-core';
|
|
3
|
+
import { IHasEditMode, SizeMod } from '../../types';
|
|
4
|
+
export interface TimePickerProps extends SizeMod, IHasEditMode, IEditable<TimePickerValue | null>, IDisableable, ICanBeReadonly, IHasPlaceholder, ICanFocus<HTMLElement>, IHasForwardedRef<HTMLElement> {
|
|
5
|
+
/**
|
|
6
|
+
* Minutes input increase/decrease step on up/down icons clicks and up/down arrow keys
|
|
7
|
+
* @default 5
|
|
8
|
+
*/
|
|
9
|
+
minutesStep?: number;
|
|
10
|
+
/**
|
|
11
|
+
* Time format, 12 hours with AM/PM or 24 hours
|
|
12
|
+
* @default 12
|
|
13
|
+
*/
|
|
14
|
+
format?: 12 | 24;
|
|
15
|
+
/** ID to put on time picker toggler 'input' node */
|
|
16
|
+
id?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Render callback for time picker toggler.
|
|
19
|
+
* If omitted, default TextInput component will be rendered.
|
|
20
|
+
*/
|
|
21
|
+
renderTarget?(props: IDropdownToggler): React.ReactNode;
|
|
22
|
+
/** HTML attributes to put directly to TimePicker parts */
|
|
23
|
+
rawProps?: {
|
|
24
|
+
/** HTML attributes to put directly to the input element */
|
|
25
|
+
input?: IHasRawProps<React.HTMLAttributes<HTMLDivElement>>['rawProps'];
|
|
26
|
+
/** HTML attributes to put directly to the body root element */
|
|
27
|
+
body?: IHasRawProps<React.HTMLAttributes<HTMLDivElement>>['rawProps'];
|
|
28
|
+
};
|
|
29
|
+
/** CSS class(es) to put on input-part component. See https://github.com/JedWatson/classnames#usage for details */
|
|
30
|
+
inputCx?: CX;
|
|
31
|
+
/** CSS class(es) to put on body-part component. See https://github.com/JedWatson/classnames#usage for details */
|
|
32
|
+
bodyCx?: CX;
|
|
33
|
+
}
|
|
34
|
+
export interface TimePickerValue {
|
|
35
|
+
/** Selected hours value */
|
|
36
|
+
hours: number;
|
|
37
|
+
/** Selected minutes value */
|
|
38
|
+
minutes: number;
|
|
39
|
+
}
|
|
40
|
+
export declare function TimePicker(props: TimePickerProps): JSX.Element;
|
|
41
|
+
//# sourceMappingURL=TimePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../components/inputs/timePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EACH,EAAE,EAAgC,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,EACtG,gBAAgB,EAAE,eAAe,EAAE,YAAY,EAClD,MAAM,gBAAgB,CAAC;AAIxB,OAAO,EAAY,YAAY,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAQ9D,MAAM,WAAW,eAAgB,SAAQ,OAAO,EAAE,YAAY,EAAE,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,EAC7F,YAAY,EACZ,cAAc,EACd,eAAe,EACf,SAAS,CAAC,WAAW,CAAC,EACtB,gBAAgB,CAAC,WAAW,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;IACjB,oDAAoD;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,YAAY,CAAC,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC;IAExD,0DAA0D;IAC1D,QAAQ,CAAC,EAAE;QACP,2DAA2D;QAC3D,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QACvE,+DAA+D;QAC/D,IAAI,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;KACzE,CAAC;IACF,kHAAkH;IAClH,OAAO,CAAC,EAAE,EAAE,CAAC;IACb,iHAAiH;IACjH,MAAM,CAAC,EAAE,EAAE,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC5B,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,OAAO,EAAE,MAAM,CAAC;CACnB;AASD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAqJhD"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Icon, IEditable, IHasCX, IHasForwardedRef, IHasRawProps } from '@epam/uui-core';
|
|
3
|
+
import { TimePickerProps, TimePickerValue } from '../timePicker';
|
|
4
|
+
export declare const uuiTimePicker: {
|
|
5
|
+
readonly container: "uui-timepicker-container";
|
|
6
|
+
readonly iconUp: "uui-timepicker-icon-up";
|
|
7
|
+
readonly iconDown: "uui-timepicker-icon-down";
|
|
8
|
+
readonly input: "uui-timepicker-input";
|
|
9
|
+
readonly elementContainer: "uui-timepicker-item";
|
|
10
|
+
};
|
|
11
|
+
export interface TimePickerBodyProps extends Pick<TimePickerProps, 'minutesStep' | 'format'>, IHasCX, IEditable<TimePickerValue>, IHasRawProps<React.HTMLAttributes<HTMLDivElement>>, IHasForwardedRef<HTMLDivElement> {
|
|
12
|
+
/** Icon for the add action.
|
|
13
|
+
* Usually it has a default implementation in skins, so providing this is only necessary if you want to replace the default icon
|
|
14
|
+
*/
|
|
15
|
+
addIcon?: Icon;
|
|
16
|
+
/** Icon for the subtract action.
|
|
17
|
+
* Usually it has a default implementation in skins, so providing this is only necessary if you want to replace the default icon
|
|
18
|
+
*/
|
|
19
|
+
subtractIcon?: Icon;
|
|
20
|
+
}
|
|
21
|
+
export declare function TimePickerBody(props: TimePickerBodyProps): JSX.Element;
|
|
22
|
+
//# sourceMappingURL=TimePickerBody.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePickerBody.d.ts","sourceRoot":"","sources":["../../../../components/inputs/timePicker/TimePickerBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAM,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE7F,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAMjE,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAMX,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,eAAe,CAAC,EAC5H,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC;IACpF;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAiGxD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/inputs/timePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const getMeridian: (newValue: string, format: 'HH:mm' | 'hh:mm A') => false | 'AM' | 'PM';
|
|
2
|
+
export declare const parseTimeNumbers: (value: string, separator: number) => {
|
|
3
|
+
hours: number;
|
|
4
|
+
minutes: number;
|
|
5
|
+
};
|
|
6
|
+
export declare const formatTime: (hours: number, minutes: number, meridian: 'AM' | 'PM' | false, format: 'HH:mm' | 'hh:mm A') => string;
|
|
7
|
+
//# sourceMappingURL=parseTimeHelper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parseTimeHelper.d.ts","sourceRoot":"","sources":["../../../../components/inputs/timePicker/parseTimeHelper.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,aAAc,MAAM,UAAU,OAAO,GAAG,SAAS,KAAG,KAAK,GAAG,IAAI,GAAG,IAQ1F,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,MAAM,aAAa,MAAM;WAAY,MAAM;aAAW,MAAM;CAkBnG,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,MAAM,WAAW,MAAM,YAAY,IAAI,GAAG,IAAI,GAAG,KAAK,UAAU,OAAO,GAAG,SAAS,KAAG,MAuBvH,CAAC"}
|
|
@@ -1,14 +1,24 @@
|
|
|
1
1
|
import { FlexRowProps as uuiFlexRowProps } from '@epam/uui-core';
|
|
2
2
|
export type RowMods = {
|
|
3
|
+
/** Defines row size */
|
|
3
4
|
size?: null | '24' | '30' | '36' | '42' | '48';
|
|
5
|
+
/** Pass true, to enable row bottom border */
|
|
4
6
|
borderBottom?: boolean;
|
|
7
|
+
/** Defines row column gap */
|
|
5
8
|
columnGap?: number | '6' | '12' | '18' | '24' | '36';
|
|
9
|
+
/** Defines row margin */
|
|
6
10
|
margin?: '12' | '24';
|
|
11
|
+
/** Defines horizontal row padding */
|
|
7
12
|
padding?: '6' | '12' | '18' | '24';
|
|
13
|
+
/** Defines row gap */
|
|
8
14
|
rowGap?: number | '6' | '12' | '18' | '24' | '36';
|
|
15
|
+
/** Defines row spacing */
|
|
9
16
|
spacing?: '6' | '12' | '18';
|
|
17
|
+
/** Pass true, to show a top shadow */
|
|
10
18
|
topShadow?: boolean;
|
|
19
|
+
/** Defines vertical row padding */
|
|
11
20
|
vPadding?: '12' | '18' | '24' | '36' | '48';
|
|
21
|
+
/** Defines row background */
|
|
12
22
|
background?: 'surface-main';
|
|
13
23
|
};
|
|
14
24
|
/** Represents the properties of the FlexRow component. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlexRow.d.ts","sourceRoot":"","sources":["../../../../components/layout/FlexItems/FlexRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,eAAe,EAAY,MAAM,gBAAgB,CAAC;AAI3E,MAAM,MAAM,OAAO,GAAG;
|
|
1
|
+
{"version":3,"file":"FlexRow.d.ts","sourceRoot":"","sources":["../../../../components/layout/FlexItems/FlexRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,eAAe,EAAY,MAAM,gBAAgB,CAAC;AAI3E,MAAM,MAAM,OAAO,GAAG;IAClB,uBAAuB;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/C,6CAA6C;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACrD,yBAAyB;IACzB,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,qCAAqC;IACrC,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACnC,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAClD,0BAA0B;IAC1B,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,6BAA6B;IAC7B,UAAU,CAAC,EAAE,cAAc,CAAC;CAC/B,CAAC;AAEF,0DAA0D;AAC1D,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,QAAQ,CAAC,EAAE,OAAO;CAAG;AAE/F,eAAO,MAAM,OAAO,iMAYlB,CAAC"}
|