@plesk/ui-library 3.35.5 → 3.35.7
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/cjs/components/AutoClosable/AutoClosable.js +1 -0
- package/cjs/components/InputNumber/InputNumber.js +2 -2
- package/cjs/components/Item/Item.js +64 -153
- package/cjs/components/Overlay/Overlay.js +29 -27
- package/cjs/components/Popover/Popover.js +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js +1 -0
- package/cjs/components/Tabs/SearchBar.js +40 -147
- package/cjs/components/Tabs/Tab.js +2 -49
- package/cjs/components/Tabs/Tabs.js +48 -99
- package/cjs/components/Toolbar/ToolbarItem.js +1 -0
- package/cjs/components/index.js +21 -11
- package/cjs/index.js +1 -1
- package/dist/plesk-ui-library.js +442 -628
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +8 -12
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/AutoClosable/AutoClosable.js +1 -0
- package/esm/components/InputNumber/InputNumber.js +2 -2
- package/esm/components/Item/Item.js +64 -153
- package/esm/components/Overlay/Overlay.js +29 -27
- package/esm/components/Popover/Popover.js +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +1 -0
- package/esm/components/Tabs/SearchBar.js +40 -147
- package/esm/components/Tabs/Tab.js +1 -49
- package/esm/components/Tabs/Tabs.js +49 -99
- package/esm/components/Toolbar/ToolbarItem.js +1 -0
- package/esm/components/index.js +2 -3
- package/esm/index.js +1 -1
- package/package.json +29 -35
- package/styleguide/build/bundle.a2d3190d.js +2 -0
- package/styleguide/build/{bundle.ecbe3015.js.LICENSE.txt → bundle.a2d3190d.js.LICENSE.txt} +27 -23
- package/styleguide/index.html +2 -2
- package/types/src/components/Action/Action.d.ts +1 -1
- package/types/src/components/Alert/Alert.d.ts +1 -1
- package/types/src/components/AutoClosable/AutoClosable.d.ts +23 -21
- package/types/src/components/AuxiliaryActions/AuxiliaryActions.d.ts +1 -1
- package/types/src/components/Badge/Badge.d.ts +1 -1
- package/types/src/components/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/types/src/components/Button/Button.d.ts +2 -2
- package/types/src/components/Button/ButtonContext.d.ts +1 -1
- package/types/src/components/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/types/src/components/Card/PreviewPanel.d.ts +4 -3
- package/types/src/components/Carousel/Carousel.d.ts +1 -1
- package/types/src/components/Checkbox/Checkbox.d.ts +1 -1
- package/types/src/components/ClosingConfirmation/useClosingConfirmation.d.ts +1 -1
- package/types/src/components/ComboBox/ComboBox.d.ts +2 -2
- package/types/src/components/ComboBox/ComboBoxOption.d.ts +1 -1
- package/types/src/components/ComboBoxDropdown/ComboBoxDropdown.d.ts +5 -5
- package/types/src/components/ConsoleOutput/ConsoleOutput.d.ts +2 -2
- package/types/src/components/ContentLoader/ContentLoader.d.ts +2 -2
- package/types/src/components/ContentLoader/IconsLoader.d.ts +2 -2
- package/types/src/components/Cuttable/Cuttable.d.ts +3 -3
- package/types/src/components/Dialog/Dialog.d.ts +3 -3
- package/types/src/components/DistractionFreeModeContext/DistractionFreeModeContext.d.ts +1 -1
- package/types/src/components/Drawer/Drawer.d.ts +1 -1
- package/types/src/components/Drawer/DrawerProgress.d.ts +4 -4
- package/types/src/components/Drawer/Header.d.ts +1 -1
- package/types/src/components/Dropdown/Dropdown.d.ts +1 -1
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessage.d.ts +1 -1
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageActions.d.ts +1 -1
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.d.ts +1 -1
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.d.ts +1 -1
- package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.d.ts +1 -1
- package/types/src/components/Figure/Figure.d.ts +1 -1
- package/types/src/components/Form/Form.d.ts +2 -2
- package/types/src/components/Form/types.d.ts +7 -7
- package/types/src/components/Form/utils.d.ts +3 -3
- package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.d.ts +1 -1
- package/types/src/components/FormFieldPassword/FormFieldPassword.d.ts +4 -4
- package/types/src/components/FormFieldPassword/PasswordMeter.d.ts +1 -1
- package/types/src/components/FormFieldPassword/estimatePassword.d.ts +2 -2
- package/types/src/components/FormFieldSelect/FormFieldSelect.d.ts +2 -2
- package/types/src/components/FormFieldText/FormFieldText.d.ts +4 -4
- package/types/src/components/Grid/Grid.d.ts +4 -4
- package/types/src/components/GridCol/GridCol.d.ts +2 -2
- package/types/src/components/Heading/Heading.d.ts +1 -1
- package/types/src/components/Hint/Hint.d.ts +1 -1
- package/types/src/components/Icon/Icon.d.ts +3 -3
- package/types/src/components/Icon/constants.d.ts +1 -1
- package/types/src/components/InPlaceEdit/InPlaceEdit.d.ts +2 -2
- package/types/src/components/Input/Input.d.ts +4 -3
- package/types/src/components/InputFile/InputFile.d.ts +1 -1
- package/types/src/components/Item/Item.d.ts +79 -0
- package/types/src/components/Item/index.d.ts +2 -0
- package/types/src/components/ItemLink/ItemLink.d.ts +1 -1
- package/types/src/components/ItemList/ItemList.d.ts +7 -7
- package/types/src/components/Label/Label.d.ts +3 -3
- package/types/src/components/Layer/Layer.d.ts +1 -1
- package/types/src/components/Layout/Layout.d.ts +9 -9
- package/types/src/components/Link/Link.d.ts +3 -3
- package/types/src/components/List/ListAction.d.ts +5 -5
- package/types/src/components/List/ListActions.d.ts +2 -2
- package/types/src/components/List/ListActionsDivider.d.ts +2 -2
- package/types/src/components/List/ListEmptyView.d.ts +1 -1
- package/types/src/components/List/ListOperation.d.ts +9 -5
- package/types/src/components/List/ListOperationContext.d.ts +2 -2
- package/types/src/components/LocaleProvider/LocaleProvider.d.ts +5 -5
- package/types/src/components/Markdown/Markdown.d.ts +2 -2
- package/types/src/components/Media/Media.d.ts +1 -1
- package/types/src/components/Media/MediaSection.d.ts +1 -1
- package/types/src/components/Menu/Menu.d.ts +1 -1
- package/types/src/components/Menu/MenuBaseItem.d.ts +3 -3
- package/types/src/components/Menu/MenuDivider.d.ts +1 -1
- package/types/src/components/Menu/MenuHeader.d.ts +1 -1
- package/types/src/components/Menu/MenuItem.d.ts +2 -2
- package/types/src/components/Menu/MenuSelectableItem.d.ts +2 -2
- package/types/src/components/Overlay/Overlay.d.ts +2 -2
- package/types/src/components/PageHeader/PageHeader.d.ts +3 -2
- package/types/src/components/Pagination/Pagination.d.ts +2 -2
- package/types/src/components/Panel/Panel.d.ts +3 -3
- package/types/src/components/Paragraph/Paragraph.d.ts +1 -1
- package/types/src/components/Plaintext/Plaintext.d.ts +1 -1
- package/types/src/components/Popover/Popover.d.ts +5 -3
- package/types/src/components/Popper/Popper.d.ts +2 -2
- package/types/src/components/Progress/Progress.d.ts +2 -2
- package/types/src/components/ProgressBar/ProgressBar.d.ts +1 -1
- package/types/src/components/ProgressBar/ProgressIndicator.d.ts +1 -1
- package/types/src/components/ProgressDialog/ProgressDialog.d.ts +2 -2
- package/types/src/components/ProgressStep/ProgressStep.d.ts +2 -2
- package/types/src/components/Radio/Radio.d.ts +1 -1
- package/types/src/components/Rating/Rating.d.ts +1 -1
- package/types/src/components/Section/Section.d.ts +5 -5
- package/types/src/components/Section/SectionItem.d.ts +1 -1
- package/types/src/components/SegmentedControl/SegmentedControl.d.ts +16 -12
- package/types/src/components/Select/MultiValue.d.ts +1 -1
- package/types/src/components/Select/Select.d.ts +1 -1
- package/types/src/components/Select/SelectControl.d.ts +1 -1
- package/types/src/components/Select/SelectOption.d.ts +1 -1
- package/types/src/components/Select/SelectOptionGroup.d.ts +1 -1
- package/types/src/components/Select/structures.d.ts +3 -3
- package/types/src/components/Skeleton/Skeleton.d.ts +1 -1
- package/types/src/components/Spinner/Spinner.d.ts +1 -1
- package/types/src/components/SplitButton/SplitButton.d.ts +1 -1
- package/types/src/components/Spot/Spot.d.ts +1 -1
- package/types/src/components/Spot/SpotPopup.d.ts +5 -3
- package/types/src/components/Squeezer/Squeezer.d.ts +2 -2
- package/types/src/components/Status/Status.d.ts +3 -3
- package/types/src/components/StatusMessage/StatusMessage.d.ts +1 -1
- package/types/src/components/Subnav/Subnav.d.ts +1 -1
- package/types/src/components/Switch/Switch.d.ts +3 -2
- package/types/src/components/SwitchesPanel/SwitchesPanel.d.ts +1 -1
- package/types/src/components/SwitchesPanelItem/SwitchesPanelItem.d.ts +1 -1
- package/types/src/components/Tabs/SearchBar.d.ts +107 -0
- package/types/src/components/Tabs/Tab.d.ts +62 -0
- package/types/src/components/Tabs/Tabs.d.ts +111 -0
- package/types/src/components/Tabs/index.d.ts +6 -0
- package/types/src/components/Text/Text.d.ts +1 -1
- package/types/src/components/TextArea/TextArea.d.ts +4 -4
- package/types/src/components/Toast/Toast.d.ts +2 -2
- package/types/src/components/Toaster/Toaster.d.ts +4 -4
- package/types/src/components/Toolbar/RegistryContext.d.ts +2 -2
- package/types/src/components/Toolbar/Toolbar.d.ts +2 -2
- package/types/src/components/Toolbar/ToolbarExpander.d.ts +2 -2
- package/types/src/components/Toolbar/ToolbarGroup.d.ts +1 -1
- package/types/src/components/Toolbar/ToolbarItem.d.ts +1 -1
- package/types/src/components/Toolbar/ToolbarMenu.d.ts +1 -1
- package/types/src/components/Tooltip/Tooltip.d.ts +2 -2
- package/types/src/components/Tour/Tour.d.ts +2 -2
- package/types/src/components/Translate/Translate.d.ts +5 -3
- package/types/src/components/index.d.ts +4 -3
- package/types/src/components/utils.d.ts +5 -5
- package/types/src/utils/types/PolymorphicComponent.d.ts +5 -5
- package/styleguide/build/bundle.ecbe3015.js +0 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import './Markdown.less';
|
|
3
|
-
export
|
|
3
|
+
export type MarkdownProps = {
|
|
4
4
|
/**
|
|
5
5
|
* @ignore
|
|
6
6
|
*/
|
|
@@ -24,5 +24,5 @@ export declare type MarkdownProps = {
|
|
|
24
24
|
* `Markdown` component is used for creating content with rich text formatting.
|
|
25
25
|
* @since 0.0.42
|
|
26
26
|
*/
|
|
27
|
-
declare const Markdown: ({ baseClassName, className, compact, children, ...props }: MarkdownProps) => JSX.Element;
|
|
27
|
+
declare const Markdown: ({ baseClassName, className, compact, children, ...props }: MarkdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
28
|
export default Markdown;
|
|
@@ -62,5 +62,5 @@ export interface MediaProps extends Omit<HTMLProps<HTMLDivElement>, 'title'> {
|
|
|
62
62
|
* Probably we should have named the component differently (not Media), but we didn't have better idea then ;)
|
|
63
63
|
* @since 0.0.45
|
|
64
64
|
*/
|
|
65
|
-
declare const Media: ({ className, children, title, titleAddon, titleSize, image, imageSpacing, imageAlign, align, vertical, baseClassName, ...props }: MediaProps) => JSX.Element;
|
|
65
|
+
declare const Media: ({ className, children, title, titleAddon, titleSize, image, imageSpacing, imageAlign, align, vertical, baseClassName, ...props }: MediaProps) => import("react/jsx-runtime").JSX.Element;
|
|
66
66
|
export default Media;
|
|
@@ -18,5 +18,5 @@ export interface MediaSectionProps {
|
|
|
18
18
|
* `MediaSection` is a part of [Media](#!/Media) component.
|
|
19
19
|
* @since 0.0.68
|
|
20
20
|
*/
|
|
21
|
-
declare const MediaSection: ({ className, children, baseClassName, ...props }: MediaSectionProps) => JSX.Element;
|
|
21
|
+
declare const MediaSection: ({ className, children, baseClassName, ...props }: MediaSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
export default MediaSection;
|
|
@@ -6,7 +6,7 @@ export interface MenuProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
6
6
|
* Triggered when menu item was clicked.
|
|
7
7
|
* @since 0.0.56
|
|
8
8
|
*/
|
|
9
|
-
onItemClick?: () => void;
|
|
9
|
+
onItemClick?: (test: ReactNode, index: number) => void;
|
|
10
10
|
/**
|
|
11
11
|
* Content of the `Menu`.
|
|
12
12
|
* @since 0.0.55
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
2
|
import { IconName, IconProps } from '../Icon';
|
|
3
3
|
import { PolymorphicComponentProps } from '../../utils/types';
|
|
4
|
-
|
|
4
|
+
type MenuBaseItemBaseProps = {
|
|
5
5
|
/**
|
|
6
6
|
* Icon
|
|
7
7
|
* @since 0.0.60
|
|
@@ -26,7 +26,7 @@ declare type MenuBaseItemBaseProps = {
|
|
|
26
26
|
*/
|
|
27
27
|
baseClassName?: string;
|
|
28
28
|
};
|
|
29
|
-
export
|
|
29
|
+
export type MenuBaseItemProps<Component extends ElementType = 'div'> = {
|
|
30
30
|
/**
|
|
31
31
|
* Component to render as the root element. Useful when rendering a `MenuBaseItem` as other component or tag.
|
|
32
32
|
* @since 1.9.1
|
|
@@ -37,5 +37,5 @@ export declare type MenuBaseItemProps<Component extends ElementType = 'div'> = {
|
|
|
37
37
|
* `MenuBaseItem` component.
|
|
38
38
|
* @since 0.0.60
|
|
39
39
|
*/
|
|
40
|
-
declare const MenuBaseItem: ({ className, children, icon, label, component: Component, baseClassName, ...props }: MenuBaseItemProps) => JSX.Element;
|
|
40
|
+
declare const MenuBaseItem: ({ className, children, icon, label, component: Component, baseClassName, ...props }: MenuBaseItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
41
41
|
export default MenuBaseItem;
|
|
@@ -12,5 +12,5 @@ export interface MenuDividerProps {
|
|
|
12
12
|
* `MenuDivider` is a part of [Menu](#!/Menu) component.
|
|
13
13
|
* @since 0.0.57
|
|
14
14
|
*/
|
|
15
|
-
declare const MenuDivider: ({ className, baseClassName, ...props }: MenuDividerProps) => JSX.Element;
|
|
15
|
+
declare const MenuDivider: ({ className, baseClassName, ...props }: MenuDividerProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
export default MenuDivider;
|
|
@@ -18,5 +18,5 @@ export interface MenuHeaderProps {
|
|
|
18
18
|
* `MenuHeader` is a part of [Menu](#!/Menu) component.
|
|
19
19
|
* @since 0.0.57
|
|
20
20
|
*/
|
|
21
|
-
declare const MenuHeader: ({ className, children, baseClassName, ...props }: MenuHeaderProps) => JSX.Element;
|
|
21
|
+
declare const MenuHeader: ({ className, children, baseClassName, ...props }: MenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
export default MenuHeader;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
2
|
import { MenuBaseItemProps } from './MenuBaseItem';
|
|
3
3
|
import { IconName, IconProps } from '../Icon';
|
|
4
|
-
export
|
|
4
|
+
export type MenuItemProps<Component extends ElementType = 'div'> = {
|
|
5
5
|
/**
|
|
6
6
|
* Whether item is active.
|
|
7
7
|
* @since 0.0.55
|
|
@@ -45,5 +45,5 @@ export declare type MenuItemProps<Component extends ElementType = 'div'> = {
|
|
|
45
45
|
* `MenuItem` is a part of [Menu](#!/Menu) component.
|
|
46
46
|
* @since 0.0.55
|
|
47
47
|
*/
|
|
48
|
-
declare const MenuItem: <Component extends ElementType
|
|
48
|
+
declare const MenuItem: <Component extends ElementType = "div">({ className, children, onClick, icon, label, tooltip, baseClassName, disabled, active, ...props }: MenuItemProps<Component>) => import("react/jsx-runtime").JSX.Element;
|
|
49
49
|
export default MenuItem;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
2
|
import { MenuItemProps } from './MenuItem';
|
|
3
|
-
export
|
|
3
|
+
export type MenuSelectableItemProps<Component extends ElementType = 'div'> = {
|
|
4
4
|
/**
|
|
5
5
|
* Whether item is selected.
|
|
6
6
|
* @since 0.0.57
|
|
@@ -24,5 +24,5 @@ export declare type MenuSelectableItemProps<Component extends ElementType = 'div
|
|
|
24
24
|
* `MenuSelectableItem` is a part of [Menu](#!/Menu) component.
|
|
25
25
|
* @since 0.0.57
|
|
26
26
|
*/
|
|
27
|
-
declare const MenuSelectableItem: ({ className, children, selected, baseClassName, ...props }: MenuSelectableItemProps) => JSX.Element;
|
|
27
|
+
declare const MenuSelectableItem: ({ className, children, selected, baseClassName, ...props }: MenuSelectableItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
28
|
export default MenuSelectableItem;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode, HTMLAttributes, CSSProperties, ReactElement } from 'react';
|
|
2
2
|
import '../../helpers/base.less';
|
|
3
3
|
import './Overlay.less';
|
|
4
|
-
export
|
|
4
|
+
export type OverlayProps = {
|
|
5
5
|
/**
|
|
6
6
|
* Toggles visibility.
|
|
7
7
|
*/
|
|
@@ -62,5 +62,5 @@ export declare type OverlayProps = {
|
|
|
62
62
|
*/
|
|
63
63
|
baseClassName?: string;
|
|
64
64
|
};
|
|
65
|
-
declare const Overlay: ({ isOpen, ...props }: OverlayProps) => JSX.Element | null;
|
|
65
|
+
declare const Overlay: ({ isOpen, ...props }: OverlayProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
66
66
|
export default Overlay;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FunctionComponent, ReactNode, HTMLProps } from 'react';
|
|
2
|
+
import { DataAttributes } from '../../utils/types';
|
|
2
3
|
import './PageHeader.less';
|
|
3
|
-
|
|
4
|
+
type PageHeaderProps = {
|
|
4
5
|
/**
|
|
5
6
|
* @ignore
|
|
6
7
|
*/
|
|
@@ -44,7 +45,7 @@ declare type PageHeaderProps = {
|
|
|
44
45
|
* @since 2.3.0
|
|
45
46
|
*/
|
|
46
47
|
tabs?: ReactNode;
|
|
47
|
-
} & HTMLProps<HTMLDivElement
|
|
48
|
+
} & HTMLProps<HTMLDivElement> & DataAttributes;
|
|
48
49
|
/**
|
|
49
50
|
* `PageHeader` component is used for identification of the current page.
|
|
50
51
|
* @since 0.0.35
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { FunctionComponent } from 'react';
|
|
2
2
|
import './Pagination.less';
|
|
3
|
-
|
|
3
|
+
type ItemPerPageOption = number | 'all';
|
|
4
4
|
export declare const ITEMS_PER_PAGE_OPTIONS: ItemPerPageOption[];
|
|
5
5
|
declare const VIEW_DEFAULT = "default";
|
|
6
6
|
declare const VIEW_POPOVER = "popover";
|
|
7
|
-
|
|
7
|
+
type PaginationProps = {
|
|
8
8
|
/**
|
|
9
9
|
* Number of pages in pagination.
|
|
10
10
|
* @since 0.0.54
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Component, SyntheticEvent, ReactNode } from 'react';
|
|
2
2
|
import { DataAttributes } from '../../utils/types';
|
|
3
3
|
import './Panel.less';
|
|
4
|
-
|
|
4
|
+
type PanelProps = {
|
|
5
5
|
/**
|
|
6
6
|
* Panel title.
|
|
7
7
|
* @since 0.0.37
|
|
@@ -41,7 +41,7 @@ declare type PanelProps = {
|
|
|
41
41
|
*/
|
|
42
42
|
baseClassName?: string;
|
|
43
43
|
} & DataAttributes;
|
|
44
|
-
|
|
44
|
+
type PanelState = {
|
|
45
45
|
collapsed: boolean;
|
|
46
46
|
prevPropsCollapsed: boolean;
|
|
47
47
|
};
|
|
@@ -61,6 +61,6 @@ declare class Panel extends Component<PanelProps, PanelState> {
|
|
|
61
61
|
prevPropsCollapsed: boolean | undefined;
|
|
62
62
|
} | null;
|
|
63
63
|
handleToggle: (e: SyntheticEvent<HTMLElement, MouseEvent>) => void;
|
|
64
|
-
render(): JSX.Element;
|
|
64
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
65
65
|
}
|
|
66
66
|
export default Panel;
|
|
@@ -19,5 +19,5 @@ export interface PlainTextProps {
|
|
|
19
19
|
* `Plaintext` component is used to show regular text, without any formatting options and ignoring html tags.
|
|
20
20
|
* @since 0.0.42
|
|
21
21
|
*/
|
|
22
|
-
declare const Plaintext: ({ className, children, baseClassName, }: PlainTextProps) => JSX.Element;
|
|
22
|
+
declare const Plaintext: ({ className, children, baseClassName, }: PlainTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
23
|
export default Plaintext;
|
|
@@ -55,7 +55,9 @@ export interface PopoverProps {
|
|
|
55
55
|
* Content of the Popover
|
|
56
56
|
* @since 0.0.42
|
|
57
57
|
*/
|
|
58
|
-
children?: ReactNode
|
|
58
|
+
children?: ReactNode | (({ onClose }: {
|
|
59
|
+
onClose: () => void;
|
|
60
|
+
}) => ReactNode);
|
|
59
61
|
/**
|
|
60
62
|
* Visual intent color to apply to component.
|
|
61
63
|
* @since 0.0.59
|
|
@@ -99,7 +101,7 @@ export interface PopoverProps {
|
|
|
99
101
|
*/
|
|
100
102
|
autoFocus?: boolean;
|
|
101
103
|
}
|
|
102
|
-
|
|
104
|
+
type PopoverState = {
|
|
103
105
|
show?: boolean;
|
|
104
106
|
arrowInHeader: boolean;
|
|
105
107
|
};
|
|
@@ -151,6 +153,6 @@ declare class Popover extends Component<PopoverProps, PopoverState> {
|
|
|
151
153
|
handleHeaderResize: (contentRect: ContentRect) => void;
|
|
152
154
|
handlePopperUpdate: (popperData: PopperState) => void;
|
|
153
155
|
getIgnoreNodes: () => (Element | Text | null)[] | (MutableRefObject<HTMLElement | null> | undefined)[];
|
|
154
|
-
render(): JSX.Element;
|
|
156
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
155
157
|
}
|
|
156
158
|
export default Popover;
|
|
@@ -5,7 +5,7 @@ export interface PopperState {
|
|
|
5
5
|
arrowStyle: CSSStyleDeclaration | null;
|
|
6
6
|
actualPlacement: Placement | undefined;
|
|
7
7
|
}
|
|
8
|
-
export
|
|
8
|
+
export type PopperProps = PropsWithChildren<{
|
|
9
9
|
/**
|
|
10
10
|
* Target for popper.
|
|
11
11
|
*/
|
|
@@ -91,6 +91,6 @@ declare class Popper extends Component<PopperProps, PopperState> {
|
|
|
91
91
|
arrowRef: Element | null;
|
|
92
92
|
updatePopper({ show, boundariesElement, placement, offset, behavior, arrow, targetRef, }: PopperProps): void;
|
|
93
93
|
extractStyles: ModifierFn;
|
|
94
|
-
render(): JSX.Element;
|
|
94
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
95
95
|
}
|
|
96
96
|
export default Popper;
|
|
@@ -22,7 +22,7 @@ export interface ProgressProps {
|
|
|
22
22
|
*/
|
|
23
23
|
baseClassName?: string;
|
|
24
24
|
}
|
|
25
|
-
|
|
25
|
+
type ProgressState = {
|
|
26
26
|
status: Status | null;
|
|
27
27
|
};
|
|
28
28
|
/**
|
|
@@ -44,6 +44,6 @@ declare class Progress extends Component<ProgressProps, ProgressState> {
|
|
|
44
44
|
};
|
|
45
45
|
componentDidMount(): void;
|
|
46
46
|
componentDidUpdate(_: ProgressProps, prevState: ProgressState): void;
|
|
47
|
-
render(): JSX.Element;
|
|
47
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
48
48
|
}
|
|
49
49
|
export default Progress;
|
|
@@ -79,7 +79,7 @@ export interface ProgressDialogProps {
|
|
|
79
79
|
*/
|
|
80
80
|
baseClassName?: string;
|
|
81
81
|
}
|
|
82
|
-
|
|
82
|
+
type ProgressDialogState = {
|
|
83
83
|
isOpen: boolean;
|
|
84
84
|
isFinished: boolean;
|
|
85
85
|
isFinishedWithWarnings: boolean;
|
|
@@ -122,6 +122,6 @@ declare class ProgressDialog extends Component<ProgressDialogProps, ProgressDial
|
|
|
122
122
|
clearCloseTimeout(): void;
|
|
123
123
|
handleStatusChange: ProgressProps['onStatusChange'];
|
|
124
124
|
handleClose: () => void;
|
|
125
|
-
render(): JSX.Element;
|
|
125
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
126
126
|
}
|
|
127
127
|
export default ProgressDialog;
|
|
@@ -8,7 +8,7 @@ export declare const STATUS_DONE = "done";
|
|
|
8
8
|
export declare const STATUS_WARNING = "warning";
|
|
9
9
|
export declare const STATUS_ERROR = "error";
|
|
10
10
|
export declare const STATUS_CANCELED = "canceled";
|
|
11
|
-
export
|
|
11
|
+
export type Status = typeof STATUS_NOT_STARTED | typeof STATUS_RUNNING | typeof STATUS_DONE | typeof STATUS_ERROR | typeof STATUS_CANCELED | typeof STATUS_WARNING;
|
|
12
12
|
export interface ProgressStepProps {
|
|
13
13
|
/**
|
|
14
14
|
* Title of the step
|
|
@@ -54,7 +54,7 @@ export interface ProgressStepProps {
|
|
|
54
54
|
* @since 1.10.0
|
|
55
55
|
*/
|
|
56
56
|
declare const ProgressStep: {
|
|
57
|
-
({ className, children, icon, title, statusText, progress, status, baseClassName, ...props }: ProgressStepProps): JSX.Element;
|
|
57
|
+
({ className, children, icon, title, statusText, progress, status, baseClassName, ...props }: ProgressStepProps): import("react/jsx-runtime").JSX.Element;
|
|
58
58
|
defaultProps: {
|
|
59
59
|
icon: null;
|
|
60
60
|
title: null;
|
|
@@ -23,5 +23,5 @@ export interface RatingProps {
|
|
|
23
23
|
* `Rating` component is used for showing and collecting feedback of users' opinion in 0-5 grade scale.
|
|
24
24
|
* @since 0.0.42
|
|
25
25
|
*/
|
|
26
|
-
declare const Rating: ({ baseClassName, className, value, small, ...props }: RatingProps) => JSX.Element;
|
|
26
|
+
declare const Rating: ({ baseClassName, className, value, small, ...props }: RatingProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
27
|
export default Rating;
|
|
@@ -100,22 +100,22 @@ declare class Section extends Component<SectionProps, SectionState> {
|
|
|
100
100
|
renderCollapseButton({ baseClassName, collapsible, }: {
|
|
101
101
|
baseClassName: string;
|
|
102
102
|
collapsible: boolean;
|
|
103
|
-
}): false | JSX.Element;
|
|
103
|
+
}): false | import("react/jsx-runtime").JSX.Element;
|
|
104
104
|
renderCloseButton({ baseClassName, onClose, buttons, }: {
|
|
105
105
|
baseClassName: string;
|
|
106
106
|
onClose: SectionProps['onClose'];
|
|
107
107
|
buttons: SectionProps['buttons'];
|
|
108
|
-
}): JSX.Element | undefined;
|
|
108
|
+
}): import("react/jsx-runtime").JSX.Element | undefined;
|
|
109
109
|
renderTitle({ baseClassName, title, onTitleChange, }: {
|
|
110
110
|
baseClassName: string;
|
|
111
111
|
title: SectionProps['title'];
|
|
112
112
|
onTitleChange: SectionProps['onTitleChange'];
|
|
113
|
-
}): false | "" | 0 | JSX.Element | null | undefined;
|
|
113
|
+
}): false | "" | 0 | import("react/jsx-runtime").JSX.Element | null | undefined;
|
|
114
114
|
renderContent({ collapsible, children }: {
|
|
115
115
|
collapsible: boolean;
|
|
116
116
|
children: ReactNode;
|
|
117
117
|
}): ReactNode;
|
|
118
|
-
render(): JSX.Element;
|
|
118
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
119
119
|
}
|
|
120
120
|
/**
|
|
121
121
|
* `Section` component is used for dividing of complex content into groups for better readability
|
|
@@ -123,7 +123,7 @@ declare class Section extends Component<SectionProps, SectionState> {
|
|
|
123
123
|
* @since 0.0.54
|
|
124
124
|
*/
|
|
125
125
|
declare const SectionWrapper: {
|
|
126
|
-
(props: Omit<SectionProps, 'form'>): JSX.Element;
|
|
126
|
+
(props: Omit<SectionProps, 'form'>): import("react/jsx-runtime").JSX.Element;
|
|
127
127
|
displayName: string;
|
|
128
128
|
defaultProps: {
|
|
129
129
|
title: undefined;
|
|
@@ -34,5 +34,5 @@ export declare const SECTION_ITEM_BASE_CLASS_NAME: string;
|
|
|
34
34
|
* `SectionItem` component is used for showing parameters and its values in [Section](#!/Section).
|
|
35
35
|
* @since 0.0.54
|
|
36
36
|
*/
|
|
37
|
-
declare const SectionItem: ({ baseClassName, className, children, title, actions, vertical, ...props }: SectionItemProps) => JSX.Element;
|
|
37
|
+
declare const SectionItem: ({ baseClassName, className, children, title, actions, vertical, ...props }: SectionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
38
|
export default SectionItem;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import { Component, CSSProperties, ReactChild, ReactNode } from 'react';
|
|
1
|
+
import { Component, CSSProperties, ReactChild, ReactNode, ContextType } from 'react';
|
|
2
|
+
import { DataAttributes } from '../../utils/types';
|
|
3
|
+
import ResponsiveContext from '../ResponsiveContext';
|
|
2
4
|
import '../../helpers/base.less';
|
|
3
5
|
import './SegmentedControl.less';
|
|
4
|
-
|
|
6
|
+
type SingleProps<T> = {
|
|
5
7
|
multiple?: false;
|
|
6
8
|
/**
|
|
7
9
|
* Selected value or an array of values (for multiple version).
|
|
@@ -15,13 +17,13 @@ declare type SingleProps<T> = {
|
|
|
15
17
|
*/
|
|
16
18
|
onChange?: (newSelection: T) => void;
|
|
17
19
|
};
|
|
18
|
-
|
|
20
|
+
type MultipleProps<T> = {
|
|
19
21
|
multiple: true;
|
|
20
22
|
selected?: T[];
|
|
21
23
|
onChange?: (newSelection: T[]) => void;
|
|
22
24
|
};
|
|
23
|
-
|
|
24
|
-
export
|
|
25
|
+
type MultipleBaseProps<T> = MultipleProps<T> | SingleProps<T>;
|
|
26
|
+
export type SegmentedControlProps<T> = {
|
|
25
27
|
/**
|
|
26
28
|
* Label
|
|
27
29
|
* @since 0.0.68
|
|
@@ -36,13 +38,14 @@ export declare type SegmentedControlProps<T> = {
|
|
|
36
38
|
* Array of buttons to display (every array item must contain an unique "value" property)
|
|
37
39
|
* @since 0.0.68
|
|
38
40
|
*/
|
|
39
|
-
buttons: {
|
|
41
|
+
buttons: ({
|
|
40
42
|
value: T;
|
|
41
43
|
title?: ReactChild;
|
|
42
44
|
icon?: ReactNode;
|
|
43
45
|
className?: string;
|
|
44
46
|
style?: CSSProperties;
|
|
45
|
-
|
|
47
|
+
disabled?: boolean;
|
|
48
|
+
} & DataAttributes)[];
|
|
46
49
|
/**
|
|
47
50
|
* Monospaced version of buttons (all button would have the same width).
|
|
48
51
|
* Attention: using it with buttons dynamic update may cause to wrong behavior!
|
|
@@ -97,16 +100,17 @@ declare class SegmentedControl<T = unknown> extends Component<SegmentedControlPr
|
|
|
97
100
|
componentDidMount(): void;
|
|
98
101
|
componentDidUpdate(): void;
|
|
99
102
|
static contextType: import("react").Context<boolean | undefined>;
|
|
103
|
+
context: ContextType<typeof ResponsiveContext>;
|
|
100
104
|
isCompact: boolean;
|
|
101
105
|
rootRef: import("react").RefObject<Element>;
|
|
102
106
|
adjustMonospaced: () => void;
|
|
103
|
-
isResponsive():
|
|
107
|
+
isResponsive(): boolean;
|
|
104
108
|
handleChange: (value: T) => () => void;
|
|
105
109
|
compact: () => boolean;
|
|
106
110
|
uncompact: () => boolean;
|
|
107
|
-
renderControl(): JSX.Element;
|
|
108
|
-
renderDropdown(): JSX.Element;
|
|
109
|
-
renderButtonGroup(): JSX.Element;
|
|
110
|
-
render(): JSX.Element;
|
|
111
|
+
renderControl(): import("react/jsx-runtime").JSX.Element;
|
|
112
|
+
renderDropdown(): import("react/jsx-runtime").JSX.Element;
|
|
113
|
+
renderButtonGroup(): import("react/jsx-runtime").JSX.Element;
|
|
114
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
111
115
|
}
|
|
112
116
|
export default SegmentedControl;
|
|
@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
import { Option, Value } from './structures';
|
|
3
3
|
import '../../helpers/base.less';
|
|
4
4
|
import './SelectControl.less';
|
|
5
|
-
|
|
5
|
+
type SelectControlProps = {
|
|
6
6
|
id?: string;
|
|
7
7
|
name?: string;
|
|
8
8
|
baseClassName?: string;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export type Value = string | number;
|
|
3
|
+
export type Group = {
|
|
4
4
|
label?: string;
|
|
5
5
|
options: Option[];
|
|
6
6
|
props?: {
|
|
7
7
|
[key: string]: any;
|
|
8
8
|
};
|
|
9
9
|
};
|
|
10
|
-
export
|
|
10
|
+
export type Option = {
|
|
11
11
|
value: Value;
|
|
12
12
|
label: string;
|
|
13
13
|
disabled: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentType, FC, JSX, CSSProperties } from 'react';
|
|
2
2
|
import './Skeleton.less';
|
|
3
|
-
export
|
|
3
|
+
export type SkeletonProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Skeleton width. For the width specified as a number, `'px'` is used as the unit.
|
|
6
6
|
* You can also specify a value with other units such as `'em'`, `'%'`, etc. (f.e. 20%, 10em)
|
|
@@ -48,5 +48,5 @@ export interface SplitButtonProps {
|
|
|
48
48
|
* because it is used more often than others.
|
|
49
49
|
* @since 0.0.40
|
|
50
50
|
*/
|
|
51
|
-
declare const SplitButton: ({ baseClassName, className, menu, children, onClick, onKeyDown, icon, size, ...props }: SplitButtonProps) => JSX.Element;
|
|
51
|
+
declare const SplitButton: ({ baseClassName, className, menu, children, onClick, onKeyDown, icon, size, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
52
52
|
export default SplitButton;
|
|
@@ -67,5 +67,5 @@ export interface SpotProps extends Omit<SpotPulsarProps, 'rect'> {
|
|
|
67
67
|
* The component can be used to attract the user's attention to a specific element on the page.
|
|
68
68
|
* @since 3.0.1
|
|
69
69
|
*/
|
|
70
|
-
declare const Spot: ({ selector, popup, meta, placement, ...props }: SpotProps) => JSX.Element | null;
|
|
70
|
+
declare const Spot: ({ selector, popup, meta, placement, ...props }: SpotProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
71
71
|
export default Spot;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactElement, ReactNode, RefObject } from 'react';
|
|
2
2
|
import SpotPulsar from './SpotPulsar';
|
|
3
3
|
import './SpotPopup.less';
|
|
4
|
-
|
|
4
|
+
type SpotPopupProps = {
|
|
5
5
|
baseClassName?: string;
|
|
6
6
|
className?: string;
|
|
7
7
|
pulsar: ReactElement<typeof SpotPulsar>;
|
|
@@ -17,9 +17,11 @@ declare type SpotPopupProps = {
|
|
|
17
17
|
total: number;
|
|
18
18
|
};
|
|
19
19
|
locale?: {
|
|
20
|
-
total?: ReactNode
|
|
20
|
+
total?: ReactNode | ((params?: {
|
|
21
|
+
[key: string]: ReactNode;
|
|
22
|
+
}) => ReactNode);
|
|
21
23
|
};
|
|
22
24
|
onClose?: () => void;
|
|
23
25
|
};
|
|
24
|
-
declare const SpotPopup: ({ baseClassName, className, pulsar, pulsarRef, title, placement, image, children, buttons, meta, onClose, size, locale, ...props }: SpotPopupProps) => JSX.Element;
|
|
26
|
+
declare const SpotPopup: ({ baseClassName, className, pulsar, pulsarRef, title, placement, image, children, buttons, meta, onClose, size, locale, ...props }: SpotPopupProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
27
|
export default SpotPopup;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component, MutableRefObject, ReactElement } from 'react';
|
|
2
|
-
|
|
2
|
+
type SqueezerProps = {
|
|
3
3
|
children: ({ ref }: {
|
|
4
4
|
ref: (el: Element | null) => void;
|
|
5
5
|
}) => ReactElement;
|
|
@@ -17,6 +17,6 @@ declare class Squeezer extends Component<SqueezerProps> {
|
|
|
17
17
|
measure(force?: boolean): void;
|
|
18
18
|
check(force?: boolean): void;
|
|
19
19
|
handleResize: () => void;
|
|
20
|
-
render(): JSX.Element;
|
|
20
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
21
21
|
}
|
|
22
22
|
export default Squeezer;
|
|
@@ -2,9 +2,9 @@ import { ReactNode, ReactElement, FunctionComponent } from 'react';
|
|
|
2
2
|
import { IconProps } from '../Icon';
|
|
3
3
|
import '../../helpers/base.less';
|
|
4
4
|
import './Status.less';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
type IconType = boolean | string | IconProps | ReactElement<any>;
|
|
6
|
+
type IntentType = 'danger' | 'warning' | 'success' | 'info' | 'muted' | 'inactive';
|
|
7
|
+
type StatusProps = {
|
|
8
8
|
/**
|
|
9
9
|
* Content of the `Status`.
|
|
10
10
|
* @since 0.0.68
|
|
@@ -23,7 +23,7 @@ export interface SubnavProps {
|
|
|
23
23
|
* `Subnav` component is used when you need a second level navigation under [Tabs](#!/Tabs) on the screen.
|
|
24
24
|
* @since 0.0.42
|
|
25
25
|
*/
|
|
26
|
-
declare const Subnav: ({ className, children, onKeyDown, baseClassName, ...props }: SubnavProps) => JSX.Element;
|
|
26
|
+
declare const Subnav: ({ className, children, onKeyDown, baseClassName, ...props }: SubnavProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
27
|
export interface SubnavItemProps {
|
|
28
28
|
/**
|
|
29
29
|
* Is item active.
|