@plesk/ui-library 3.36.0 → 3.37.0

package/styleguide/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Plesk UI Library 3.36.0</title>
+    <title>Plesk UI Library 3.37.0</title>
     <meta name="msapplication-TileColor" content="#da532c">
     <meta name="theme-color" content="#ffffff">
     <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
@@ -26,6 +26,6 @@
     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWST26V"
     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     <!-- End Google Tag Manager (noscript) -->
-    <script src="build/bundle.2c956ff2.js"></script>
+    <script src="build/bundle.c3d05006.js"></script>
   </body>
 </html>

package/types/src/components/Action/Action.d.ts

@@ -2,7 +2,7 @@ import { FunctionComponent, ReactNode, ReactElement, ElementType, MouseEvent } f
 import { IconProps } from '../Icon';
 import '../../helpers/base.less';
 import './Action.less';
-type ActionProps = {
+export type ActionProps = {
     /**
      * Content of the `Action`.
      * @since 0.0.68

package/types/src/components/Action/index.d.ts

@@ -1 +1,2 @@
 export { default } from './Action';
+export type { ActionProps } from './Action';

package/types/src/components/Alert/Alert.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, SyntheticEvent, FunctionComponent } from 'react';
 import '../../helpers/base.less';
 import './Alert.less';
-type AlertProps = {
+export type AlertProps = {
     /**
      * @ignore
      */

package/types/src/components/Alert/index.d.ts

@@ -1 +1,2 @@
 export { default } from './Alert';
+export type { AlertProps } from './Alert';

package/types/src/components/AutoClosable/AutoClosable.d.ts

@@ -1,6 +1,6 @@
 import { Component, ReactElement, ReactInstance, RefObject, MutableRefObject, ContextType } from 'react';
 declare const AutoClosableContext: import("react").Context<AutoClosable | null>;
-type AutoClosableProps = {
+export type AutoClosableProps = {
     /**
      * onClose handler
      * @since 0.0.42

package/types/src/components/AutoClosable/index.d.ts

@@ -1 +1,2 @@
 export { default } from './AutoClosable';
+export type { AutoClosableProps } from './AutoClosable';

package/types/src/components/AuxiliaryActions/AuxiliaryActions.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react';
 import './AuxiliaryActions.less';
-type AuxiliaryActionsProps = {
+export type AuxiliaryActionsProps = {
     /**
      * Actions
      * @since 0.4.1

package/types/src/components/AuxiliaryActions/index.d.ts

@@ -1 +1,2 @@
 export { default } from './AuxiliaryActions';
+export type { AuxiliaryActionsProps } from './AuxiliaryActions';

package/types/src/components/Badge/Badge.d.ts

@@ -1,7 +1,7 @@
 import { FunctionComponent, ReactNode } from 'react';
 import '../../helpers/base.less';
 import './Badge.less';
-type BadgeProps = {
+export type BadgeProps = {
     /**
      * Display value. See [Label](#!/Label) for all props.
      * @since 0.0.58

package/types/src/components/Badge/index.d.ts

@@ -1 +1,2 @@
 export { default } from './Badge';
+export type { BadgeProps } from './Badge';

package/types/src/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, FunctionComponent } from 'react';
 import '../../helpers/base.less';
 import './Breadcrumbs.less';
-type BreadcrumbsProps = {
+export type BreadcrumbsProps = {
     /**
      * @ignore
      */

package/types/src/components/Breadcrumbs/index.d.ts

@@ -1 +1,2 @@
 export { default } from './Breadcrumbs';
+export type { BreadcrumbsProps } from './Breadcrumbs';

package/types/src/components/Button/ButtonContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type ButtonContextValue = {
     defaultProps: {
         size?: 'md' | 'lg';

package/types/src/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent, ReactNode, Ref, HTMLAttributes } from 'react';
 import './ButtonGroup.less';
-type ButtonGroupProps = {
+export type ButtonGroupProps = {
     /**
      * @ignore
      */

package/types/src/components/ButtonGroup/index.d.ts

@@ -1 +1,2 @@
 export { default } from './ButtonGroup';
+export type { ButtonGroupProps } from './ButtonGroup';

package/types/src/components/Carousel/Carousel.d.ts

@@ -6,7 +6,36 @@ export interface CarouselProps {
      * Slides
      * @since 0.0.42
      */
-    children?: ReactNode;
+    children?: ReactNode[];
+    /**
+     * Enable autoplay
+     * @since 3.37.0
+     */
+    autoplay?: boolean;
+    /**
+     * Autoplay interval, ms
+     * @since 3.37.0
+     */
+    autoplayInterval?: number;
+    /**
+     * Show exact number of slides
+     * @since 3.37.0
+     */
+    items?: number;
+    /**
+     * Show navigation arrows
+     * @since 3.37.0
+     */
+    arrows?: boolean;
+    /**
+     * Show navigation dots. Works only with items options.
+     * @since 3.37.0
+     */
+    dots?: boolean;
+    /**
+     * Callback called on change slides
+     */
+    onSlide?: (current: number) => {};
     /**
      * @ignore
      */
@@ -24,10 +53,14 @@ export interface CarouselProps {
 declare class Carousel extends Component<CarouselProps> {
     static defaultProps: {
         children: null;
+        arrows: boolean;
+        dots: boolean;
+        autoplay: boolean;
+        autoplayInterval: number;
+        onSlide: null;
         className: null;
         baseClassName: string;
     };
-    constructor(props: CarouselProps);
     state: {
         showControls: boolean;
         current: number;
@@ -40,19 +73,21 @@ declare class Carousel extends Component<CarouselProps> {
     componentDidUpdate(): void;
     componentWillUnmount(): void;
     private readonly speed;
-    private readonly playSpeed;
     private isRtl;
     private playTimer;
     private movingCallback;
     private readonly rootRef;
     private readonly genuineRef;
-    handlePrevClick(): void;
-    handleNextClick(): void;
-    play(): void;
-    stop(): void;
+    handlePrevClick: () => void;
+    handleNextClick: () => void;
+    play: () => void;
+    stop: () => void;
     setCurrentSlide(next: number): void;
-    handleResize({ bounds }: ContentRect): void;
+    handleResize: ({ bounds }: ContentRect) => void;
     listStyle(): CSSProperties;
+    renderNavigationDots: () => import("react/jsx-runtime").JSX.Element | null;
+    renderNavigationArrows: () => import("react/jsx-runtime").JSX.Element | null;
+    renderSliderItems: () => ("" | 0 | import("react/jsx-runtime").JSX.Element)[] | null | undefined;
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export default Carousel;

package/types/src/components/Checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, HTMLProps, FunctionComponent } from 'react';
 import './Checkbox.less';
-type CheckboxProps = {
+export type CheckboxProps = {
     /**
      * Determine whether the `Checkbox` is checked.
      * @since 0.0.55

package/types/src/components/Checkbox/index.d.ts

@@ -1 +1,2 @@
 export { default } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';

package/types/src/components/ComboBox/ComboBox.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, ReactElement } from 'react';
 import ComboBoxOption from './ComboBoxOption';
 import './ComboBox.less';
-type ComboBoxProps = {
+export type ComboBoxProps = {
     /**
      * @ignore
      */

package/types/src/components/ComboBox/ComboBoxOption.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-type ComboBoxOptionProps = {
+export type ComboBoxOptionProps = {
     /**
      * Whether disabled or not.
      * @since 2.6.0

package/types/src/components/ComboBox/index.d.ts

@@ -1,2 +1,4 @@
 export { default } from './ComboBox';
+export type { ComboBoxProps } from './ComboBox';
 export { default as ComboBoxOption } from './ComboBoxOption';
+export type { ComboBoxOptionProps } from './ComboBoxOption';

package/types/src/components/ConsoleOutput/ConsoleOutput.d.ts

@@ -1,6 +1,6 @@
 import { PureComponent, ReactNode, RefObject } from 'react';
 import './ConsoleOutput.less';
-type ConsoleOutputProps = {
+export type ConsoleOutputProps = {
     /**
      * @ignore
      */

package/types/src/components/ConsoleOutput/index.d.ts

@@ -1 +1,2 @@
 export { default } from './ConsoleOutput';
+export type { ConsoleOutputProps } from './ConsoleOutput';

package/types/src/components/ContentLoader/ContentLoader.d.ts

@@ -7,7 +7,7 @@ type Loader = 'spinner' | 'icons' | {
     icons: IconName[];
     [key: string]: unknown;
 };
-type ContentLoaderProps = {
+export type ContentLoaderProps = {
     /**
      * Allows to set the text near the indicator.
      * @since 1.1.0

package/types/src/components/ContentLoader/index.d.ts

@@ -1 +1,2 @@
 export { default } from './ContentLoader';
+export type { ContentLoaderProps } from './ContentLoader';

package/types/src/components/Cuttable/Cuttable.d.ts

@@ -1,6 +1,6 @@
 import { Component, ReactNode } from 'react';
 import './Cuttable.less';
-type CuttableProps = {
+export type CuttableProps = {
     /**
      * Content of the component.
      * @since 0.0.42

package/types/src/components/Cuttable/index.d.ts

@@ -1 +1,2 @@
 export { default } from './Cuttable';
+export type { CuttableProps } from './Cuttable';

package/types/src/components/DistractionFreeModeContext/DistractionFreeModeContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type DistractionFreeMode = {
     enabled: boolean;
     toggle: () => void;

package/types/src/components/Drawer/DrawerProgress.d.ts

@@ -10,7 +10,7 @@ export type DrawerProgressProps = {
     title?: ReactNode;
     steps: ProgressStepProps[];
     buttons?: ReactNode;
-    autoCloseTimeout?: number;
+    autoCloseTimeout?: number | null;
     onStart?: () => void;
     onClose?: () => void;
     onCancel?: () => void;

package/types/src/components/Form/DisabledContext.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const DisabledContext: import("react").Context<boolean | undefined>;
 export default DisabledContext;

package/types/src/components/Form/FormContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FormContextProps } from './types';
 declare const FormContext: import("react").Context<FormContextProps | undefined>;
 export default FormContext;

package/types/src/components/Form/ScrollableElementFormContext.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const ScrollableElementFormContext: import("react").Context<HTMLElement | null>;
 export default ScrollableElementFormContext;