@plesk/ui-library 3.35.6 → 3.35.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (167) hide show
  1. package/cjs/components/AutoClosable/AutoClosable.js +1 -0
  2. package/cjs/components/InputNumber/InputNumber.js +2 -2
  3. package/cjs/components/Item/Item.js +64 -153
  4. package/cjs/components/Overlay/Overlay.js +35 -25
  5. package/cjs/components/Popover/Popover.js +1 -1
  6. package/cjs/components/SegmentedControl/SegmentedControl.js +1 -0
  7. package/cjs/components/Tabs/SearchBar.js +40 -147
  8. package/cjs/components/Tabs/Tab.js +2 -49
  9. package/cjs/components/Tabs/Tabs.js +48 -99
  10. package/cjs/components/Toolbar/ToolbarItem.js +1 -0
  11. package/cjs/components/index.js +14 -11
  12. package/cjs/index.js +1 -1
  13. package/dist/plesk-ui-library-rtl.css +1 -1
  14. package/dist/plesk-ui-library-rtl.css.map +1 -1
  15. package/dist/plesk-ui-library.css +1 -1
  16. package/dist/plesk-ui-library.css.map +1 -1
  17. package/dist/plesk-ui-library.js +441 -626
  18. package/dist/plesk-ui-library.js.map +1 -1
  19. package/dist/plesk-ui-library.min.js +8 -12
  20. package/dist/plesk-ui-library.min.js.map +1 -1
  21. package/esm/components/AutoClosable/AutoClosable.js +1 -0
  22. package/esm/components/InputNumber/InputNumber.js +2 -2
  23. package/esm/components/Item/Item.js +64 -153
  24. package/esm/components/Overlay/Overlay.js +35 -25
  25. package/esm/components/Popover/Popover.js +1 -1
  26. package/esm/components/SegmentedControl/SegmentedControl.js +1 -0
  27. package/esm/components/Tabs/SearchBar.js +40 -147
  28. package/esm/components/Tabs/Tab.js +1 -49
  29. package/esm/components/Tabs/Tabs.js +49 -99
  30. package/esm/components/Toolbar/ToolbarItem.js +1 -0
  31. package/esm/components/index.js +1 -2
  32. package/esm/index.js +1 -1
  33. package/package.json +28 -33
  34. package/styleguide/build/bundle.50841a29.js +2 -0
  35. package/styleguide/build/{bundle.8a07b2dd.js.LICENSE.txt → bundle.50841a29.js.LICENSE.txt} +27 -23
  36. package/styleguide/index.html +2 -2
  37. package/types/src/components/Action/Action.d.ts +1 -1
  38. package/types/src/components/Alert/Alert.d.ts +1 -1
  39. package/types/src/components/AutoClosable/AutoClosable.d.ts +23 -21
  40. package/types/src/components/AuxiliaryActions/AuxiliaryActions.d.ts +1 -1
  41. package/types/src/components/Badge/Badge.d.ts +1 -1
  42. package/types/src/components/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  43. package/types/src/components/Button/Button.d.ts +2 -2
  44. package/types/src/components/Button/ButtonContext.d.ts +1 -1
  45. package/types/src/components/ButtonGroup/ButtonGroup.d.ts +1 -1
  46. package/types/src/components/Card/PreviewPanel.d.ts +2 -2
  47. package/types/src/components/Carousel/Carousel.d.ts +1 -1
  48. package/types/src/components/Checkbox/Checkbox.d.ts +1 -1
  49. package/types/src/components/ClosingConfirmation/useClosingConfirmation.d.ts +1 -1
  50. package/types/src/components/ComboBox/ComboBox.d.ts +2 -2
  51. package/types/src/components/ComboBox/ComboBoxOption.d.ts +1 -1
  52. package/types/src/components/ComboBoxDropdown/ComboBoxDropdown.d.ts +5 -5
  53. package/types/src/components/ConsoleOutput/ConsoleOutput.d.ts +2 -2
  54. package/types/src/components/ContentLoader/ContentLoader.d.ts +2 -2
  55. package/types/src/components/ContentLoader/IconsLoader.d.ts +2 -2
  56. package/types/src/components/Cuttable/Cuttable.d.ts +3 -3
  57. package/types/src/components/Dialog/Dialog.d.ts +3 -3
  58. package/types/src/components/DistractionFreeModeContext/DistractionFreeModeContext.d.ts +1 -1
  59. package/types/src/components/Drawer/Drawer.d.ts +1 -1
  60. package/types/src/components/Drawer/DrawerProgress.d.ts +4 -4
  61. package/types/src/components/Drawer/Header.d.ts +1 -1
  62. package/types/src/components/Dropdown/Dropdown.d.ts +1 -1
  63. package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessage.d.ts +1 -1
  64. package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageActions.d.ts +1 -1
  65. package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.d.ts +1 -1
  66. package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.d.ts +1 -1
  67. package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.d.ts +1 -1
  68. package/types/src/components/Figure/Figure.d.ts +1 -1
  69. package/types/src/components/Form/Form.d.ts +2 -2
  70. package/types/src/components/Form/types.d.ts +7 -7
  71. package/types/src/components/Form/utils.d.ts +3 -3
  72. package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.d.ts +1 -1
  73. package/types/src/components/FormFieldPassword/FormFieldPassword.d.ts +4 -4
  74. package/types/src/components/FormFieldPassword/PasswordMeter.d.ts +1 -1
  75. package/types/src/components/FormFieldPassword/estimatePassword.d.ts +2 -2
  76. package/types/src/components/FormFieldSelect/FormFieldSelect.d.ts +2 -2
  77. package/types/src/components/FormFieldText/FormFieldText.d.ts +4 -4
  78. package/types/src/components/Grid/Grid.d.ts +4 -4
  79. package/types/src/components/GridCol/GridCol.d.ts +2 -2
  80. package/types/src/components/Heading/Heading.d.ts +1 -1
  81. package/types/src/components/Hint/Hint.d.ts +1 -1
  82. package/types/src/components/Icon/Icon.d.ts +3 -3
  83. package/types/src/components/Icon/constants.d.ts +1 -1
  84. package/types/src/components/InPlaceEdit/InPlaceEdit.d.ts +2 -2
  85. package/types/src/components/Input/Input.d.ts +4 -3
  86. package/types/src/components/InputFile/InputFile.d.ts +1 -1
  87. package/types/src/components/Item/Item.d.ts +79 -0
  88. package/types/src/components/Item/index.d.ts +2 -0
  89. package/types/src/components/ItemLink/ItemLink.d.ts +1 -1
  90. package/types/src/components/ItemList/ItemList.d.ts +7 -7
  91. package/types/src/components/Label/Label.d.ts +3 -3
  92. package/types/src/components/Layer/Layer.d.ts +1 -1
  93. package/types/src/components/Layout/Layout.d.ts +9 -9
  94. package/types/src/components/Link/Link.d.ts +3 -3
  95. package/types/src/components/List/ListAction.d.ts +3 -3
  96. package/types/src/components/List/ListActions.d.ts +2 -2
  97. package/types/src/components/List/ListActionsDivider.d.ts +2 -2
  98. package/types/src/components/List/ListEmptyView.d.ts +1 -1
  99. package/types/src/components/List/ListOperation.d.ts +9 -5
  100. package/types/src/components/List/ListOperationContext.d.ts +1 -1
  101. package/types/src/components/LocaleProvider/LocaleProvider.d.ts +5 -5
  102. package/types/src/components/Markdown/Markdown.d.ts +2 -2
  103. package/types/src/components/Media/Media.d.ts +1 -1
  104. package/types/src/components/Media/MediaSection.d.ts +1 -1
  105. package/types/src/components/Menu/Menu.d.ts +1 -1
  106. package/types/src/components/Menu/MenuBaseItem.d.ts +3 -3
  107. package/types/src/components/Menu/MenuDivider.d.ts +1 -1
  108. package/types/src/components/Menu/MenuHeader.d.ts +1 -1
  109. package/types/src/components/Menu/MenuItem.d.ts +2 -2
  110. package/types/src/components/Menu/MenuSelectableItem.d.ts +2 -2
  111. package/types/src/components/Overlay/Overlay.d.ts +2 -2
  112. package/types/src/components/PageHeader/PageHeader.d.ts +1 -1
  113. package/types/src/components/Pagination/Pagination.d.ts +2 -2
  114. package/types/src/components/Panel/Panel.d.ts +3 -3
  115. package/types/src/components/Paragraph/Paragraph.d.ts +1 -1
  116. package/types/src/components/Plaintext/Plaintext.d.ts +1 -1
  117. package/types/src/components/Popover/Popover.d.ts +5 -3
  118. package/types/src/components/Popper/Popper.d.ts +2 -2
  119. package/types/src/components/Progress/Progress.d.ts +2 -2
  120. package/types/src/components/ProgressBar/ProgressBar.d.ts +1 -1
  121. package/types/src/components/ProgressBar/ProgressIndicator.d.ts +1 -1
  122. package/types/src/components/ProgressDialog/ProgressDialog.d.ts +2 -2
  123. package/types/src/components/ProgressStep/ProgressStep.d.ts +2 -2
  124. package/types/src/components/Radio/Radio.d.ts +1 -1
  125. package/types/src/components/Rating/Rating.d.ts +1 -1
  126. package/types/src/components/Section/Section.d.ts +5 -5
  127. package/types/src/components/Section/SectionItem.d.ts +1 -1
  128. package/types/src/components/SegmentedControl/SegmentedControl.d.ts +16 -12
  129. package/types/src/components/Select/MultiValue.d.ts +1 -1
  130. package/types/src/components/Select/Select.d.ts +1 -1
  131. package/types/src/components/Select/SelectControl.d.ts +1 -1
  132. package/types/src/components/Select/SelectOption.d.ts +1 -1
  133. package/types/src/components/Select/SelectOptionGroup.d.ts +1 -1
  134. package/types/src/components/Select/structures.d.ts +3 -3
  135. package/types/src/components/Skeleton/Skeleton.d.ts +1 -1
  136. package/types/src/components/Spinner/Spinner.d.ts +1 -1
  137. package/types/src/components/SplitButton/SplitButton.d.ts +1 -1
  138. package/types/src/components/Spot/Spot.d.ts +1 -1
  139. package/types/src/components/Spot/SpotPopup.d.ts +5 -3
  140. package/types/src/components/Squeezer/Squeezer.d.ts +2 -2
  141. package/types/src/components/Status/Status.d.ts +3 -3
  142. package/types/src/components/StatusMessage/StatusMessage.d.ts +1 -1
  143. package/types/src/components/Subnav/Subnav.d.ts +1 -1
  144. package/types/src/components/Switch/Switch.d.ts +3 -2
  145. package/types/src/components/SwitchesPanel/SwitchesPanel.d.ts +1 -1
  146. package/types/src/components/SwitchesPanelItem/SwitchesPanelItem.d.ts +1 -1
  147. package/types/src/components/Tabs/SearchBar.d.ts +107 -0
  148. package/types/src/components/Tabs/Tab.d.ts +62 -0
  149. package/types/src/components/Tabs/Tabs.d.ts +111 -0
  150. package/types/src/components/Tabs/index.d.ts +6 -0
  151. package/types/src/components/Text/Text.d.ts +1 -1
  152. package/types/src/components/TextArea/TextArea.d.ts +4 -4
  153. package/types/src/components/Toast/Toast.d.ts +2 -2
  154. package/types/src/components/Toaster/Toaster.d.ts +4 -4
  155. package/types/src/components/Toolbar/RegistryContext.d.ts +2 -2
  156. package/types/src/components/Toolbar/Toolbar.d.ts +2 -2
  157. package/types/src/components/Toolbar/ToolbarExpander.d.ts +2 -2
  158. package/types/src/components/Toolbar/ToolbarGroup.d.ts +1 -1
  159. package/types/src/components/Toolbar/ToolbarItem.d.ts +1 -1
  160. package/types/src/components/Toolbar/ToolbarMenu.d.ts +1 -1
  161. package/types/src/components/Tooltip/Tooltip.d.ts +2 -2
  162. package/types/src/components/Tour/Tour.d.ts +2 -2
  163. package/types/src/components/Translate/Translate.d.ts +5 -3
  164. package/types/src/components/index.d.ts +3 -2
  165. package/types/src/components/utils.d.ts +5 -5
  166. package/types/src/utils/types/PolymorphicComponent.d.ts +5 -5
  167. package/styleguide/build/bundle.8a07b2dd.js +0 -2
@@ -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
- declare type MenuBaseItemBaseProps = {
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 declare type MenuBaseItemProps<Component extends ElementType = 'div'> = {
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 declare type MenuItemProps<Component extends ElementType = 'div'> = {
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<any> = "div">({ className, children, onClick, icon, label, tooltip, baseClassName, disabled, active, ...props }: MenuItemProps<Component>) => JSX.Element;
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 declare type MenuSelectableItemProps<Component extends ElementType = 'div'> = {
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 declare type OverlayProps = {
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,7 +1,7 @@
1
1
  import { FunctionComponent, ReactNode, HTMLProps } from 'react';
2
2
  import { DataAttributes } from '../../utils/types';
3
3
  import './PageHeader.less';
4
- declare type PageHeaderProps = {
4
+ type PageHeaderProps = {
5
5
  /**
6
6
  * @ignore
7
7
  */
@@ -1,10 +1,10 @@
1
1
  import { FunctionComponent } from 'react';
2
2
  import './Pagination.less';
3
- declare type ItemPerPageOption = number | 'all';
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
- declare type PaginationProps = {
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
- declare type PanelProps = {
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
- declare type PanelState = {
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;
@@ -1,7 +1,7 @@
1
1
  import { ReactNode, FunctionComponent, ElementType } from 'react';
2
2
  import '../../helpers/base.less';
3
3
  import './Paragraph.less';
4
- declare type ParagraphProps = {
4
+ type ParagraphProps = {
5
5
  /**
6
6
  * Content of the `Paragraph`.
7
7
  * @since 1.1.0
@@ -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
- declare type PopoverState = {
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 declare type PopperProps = PropsWithChildren<{
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
- declare type ProgressState = {
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;
@@ -1,6 +1,6 @@
1
1
  import { FunctionComponent } from 'react';
2
2
  import './ProgressBar.less';
3
- declare type ProgressBarProps = {
3
+ type ProgressBarProps = {
4
4
  /**
5
5
  * @ignore
6
6
  */
@@ -1,5 +1,5 @@
1
1
  import { FunctionComponent } from 'react';
2
- declare type ProgressIndicatorProps = {
2
+ type ProgressIndicatorProps = {
3
3
  /**
4
4
  * @ignore
5
5
  */
@@ -79,7 +79,7 @@ export interface ProgressDialogProps {
79
79
  */
80
80
  baseClassName?: string;
81
81
  }
82
- declare type ProgressDialogState = {
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 declare type Status = typeof STATUS_NOT_STARTED | typeof STATUS_RUNNING | typeof STATUS_DONE | typeof STATUS_ERROR | typeof STATUS_CANCELED | typeof STATUS_WARNING;
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;
@@ -1,6 +1,6 @@
1
1
  import { ReactNode, HTMLProps, FunctionComponent } from 'react';
2
2
  import './Radio.less';
3
- declare type RadioProps = {
3
+ type RadioProps = {
4
4
  /**
5
5
  * Determine whether the `Radio` is checked.
6
6
  * @since 3.2.0
@@ -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
- declare type SingleProps<T> = {
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
- declare type MultipleProps<T> = {
20
+ type MultipleProps<T> = {
19
21
  multiple: true;
20
22
  selected?: T[];
21
23
  onChange?: (newSelection: T[]) => void;
22
24
  };
23
- declare type MultipleBaseProps<T> = MultipleProps<T> | SingleProps<T>;
24
- export declare type SegmentedControlProps<T> = {
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(): any;
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;
@@ -1,6 +1,6 @@
1
1
  import { FunctionComponent, ReactNode } from 'react';
2
2
  import './MultiValue.less';
3
- declare type MultiValueProps = {
3
+ type MultiValueProps = {
4
4
  baseClassName?: string;
5
5
  onRemove: () => void;
6
6
  children: ReactNode;
@@ -1,7 +1,7 @@
1
1
  import { FunctionComponent, HTMLProps, ReactNode } from 'react';
2
2
  import { Value } from './structures';
3
3
  import './Select.less';
4
- declare type SelectProps = {
4
+ type SelectProps = {
5
5
  /**
6
6
  * ID of the input.
7
7
  */
@@ -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
- declare type SelectControlProps = {
5
+ type SelectControlProps = {
6
6
  id?: string;
7
7
  name?: string;
8
8
  baseClassName?: string;
@@ -1,5 +1,5 @@
1
1
  import { ReactNode, FunctionComponent } from 'react';
2
- declare type SelectOptionProps = {
2
+ type SelectOptionProps = {
3
3
  /**
4
4
  * An option value. If it is not specified, children are used as the value.
5
5
  * @since 2.3.0
@@ -1,6 +1,6 @@
1
1
  import { FunctionComponent, ReactElement, ComponentProps } from 'react';
2
2
  import SelectOption from './SelectOption';
3
- declare type SelectOptionGroupProps = {
3
+ type SelectOptionGroupProps = {
4
4
  /**
5
5
  * A group title.
6
6
  * @since 2.3.0
@@ -1,13 +1,13 @@
1
1
  import { ReactNode } from 'react';
2
- export declare type Value = string | number;
3
- export declare type Group = {
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 declare type Option = {
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 declare type SkeletonProps = {
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)
@@ -1,7 +1,7 @@
1
1
  import { FunctionComponent } from 'react';
2
2
  import '../../helpers/base.less';
3
3
  import './Spinner.less';
4
- declare type SpinnerProps = {
4
+ type SpinnerProps = {
5
5
  /**
6
6
  * @ignore
7
7
  */
@@ -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
- declare type SpotPopupProps = {
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
- declare type SqueezerProps = {
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
- declare type IconType = boolean | string | IconProps | ReactElement<any>;
6
- declare type IntentType = 'danger' | 'warning' | 'success' | 'info' | 'muted' | 'inactive';
7
- declare type StatusProps = {
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
@@ -1,6 +1,6 @@
1
1
  import { ReactNode, FunctionComponent } from 'react';
2
2
  import './StatusMessage.less';
3
- export declare type StatusMessageProps = {
3
+ export type StatusMessageProps = {
4
4
  /**
5
5
  * @ignore
6
6
  */
@@ -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.
@@ -1,6 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
+ import { DataAttributes } from '../../utils/types';
2
3
  import './Switch.less';
3
- export interface SwitchProps {
4
+ export interface SwitchProps extends DataAttributes {
4
5
  /**
5
6
  * Determine whether the `Switch` is checked.
6
7
  * @since 0.0.42
@@ -54,5 +55,5 @@ export interface SwitchProps {
54
55
  * It provides immediate results that is why it should not be used in Form.
55
56
  * @since 0.0.42
56
57
  */
57
- declare const Switch: ({ className, children, onChange, tooltip, intent, checked, defaultChecked, baseClassName, disabled, loading, ...props }: SwitchProps) => JSX.Element;
58
+ declare const Switch: ({ className, children, onChange, tooltip, intent, checked, defaultChecked, baseClassName, disabled, loading, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
58
59
  export default Switch;
@@ -20,5 +20,5 @@ export interface SwitchesPanelProps {
20
20
  * `SwitchesPanel` component is used for grouping several [SwitchesPanelItems](#!/SwitchesPanelItem) into one set.
21
21
  * @since 0.3.0
22
22
  */
23
- declare const SwitchesPanel: ({ baseClassName, className, children, ...props }: SwitchesPanelProps) => JSX.Element;
23
+ declare const SwitchesPanel: ({ baseClassName, className, children, ...props }: SwitchesPanelProps) => import("react/jsx-runtime").JSX.Element;
24
24
  export default SwitchesPanel;