@plesk/ui-library 3.36.1 → 3.37.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/README.md +50 -50
- package/cjs/components/Action/Action.js +3 -3
- package/cjs/components/Alert/Alert.js +5 -5
- package/cjs/components/AutoClosable/AutoClosable.js +3 -3
- package/cjs/components/AuxiliaryActions/AuxiliaryActions.js +3 -3
- package/cjs/components/Badge/Badge.js +3 -3
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/cjs/components/Button/Button.js +4 -4
- package/cjs/components/ButtonGroup/ButtonGroup.js +3 -3
- package/cjs/components/Card/Card.js +52 -52
- package/cjs/components/Card/CardButton.js +2 -2
- package/cjs/components/Card/PreviewPanel.js +3 -3
- package/cjs/components/Card/images/no-image.svg +6 -6
- package/cjs/components/CardList/CardList.js +55 -55
- package/cjs/components/Carousel/Carousel.js +186 -81
- package/cjs/components/Checkbox/Checkbox.js +3 -3
- package/cjs/components/CodeEditor/CodeEditor.js +3 -3
- package/cjs/components/Columns/Column.js +3 -3
- package/cjs/components/Columns/Columns.js +3 -3
- package/cjs/components/ComboBox/ComboBox.js +4 -4
- package/cjs/components/ComboBox/ComboBoxOption.js +5 -4
- package/cjs/components/ConsoleOutput/ConsoleOutput.js +3 -3
- package/cjs/components/ContentLoader/ContentLoader.js +3 -3
- package/cjs/components/Cuttable/Cuttable.js +3 -3
- package/cjs/components/Dialog/Dialog.js +3 -3
- package/cjs/components/Drawer/Drawer.js +4 -4
- package/cjs/components/Dropdown/Dropdown.js +5 -5
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.js +4 -4
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +3 -3
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +3 -3
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +3 -3
- package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +3 -3
- package/cjs/components/Figure/Figure.js +3 -3
- package/cjs/components/Form/Form.js +4 -4
- package/cjs/components/Form/utils.js +22 -22
- package/cjs/components/FormField/FormField.js +24 -24
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +4 -4
- package/cjs/components/FormFieldPassword/FormFieldPassword.js +3 -3
- package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +3 -3
- package/cjs/components/FormFieldSelect/FormFieldSelect.js +4 -4
- package/cjs/components/FormFieldText/FormFieldText.js +5 -5
- package/cjs/components/Grid/Grid.js +3 -3
- package/cjs/components/GridCol/GridCol.js +3 -3
- package/cjs/components/Heading/Heading.js +3 -3
- package/cjs/components/Hint/Hint.js +3 -3
- package/cjs/components/Icon/Icon.js +6 -6
- package/cjs/components/Icon/images/symbols.svg +1846 -1846
- package/cjs/components/InPlaceEdit/InPlaceEdit.js +5 -5
- package/cjs/components/Input/Input.js +3 -3
- package/cjs/components/InputFile/InputFile.js +3 -3
- package/cjs/components/InputNumber/InputNumber.js +3 -3
- package/cjs/components/Item/Item.js +4 -4
- package/cjs/components/ItemLink/ItemLink.js +4 -4
- package/cjs/components/ItemList/ItemList.js +6 -6
- package/cjs/components/Label/Label.js +3 -3
- package/cjs/components/Layer/Layer.js +2 -2
- package/cjs/components/Layout/Layout.js +2 -2
- package/cjs/components/Link/Link.js +3 -3
- package/cjs/components/List/List.js +4 -7
- package/cjs/components/List/ListAction.js +4 -4
- package/cjs/components/List/ListActions.js +3 -3
- package/cjs/components/List/ListActionsDivider.js +4 -4
- package/cjs/components/List/ListEmptyView.js +4 -4
- package/cjs/components/List/ListOperation.js +4 -4
- package/cjs/components/LocaleProvider/LocaleProvider.js +3 -3
- package/cjs/components/Markdown/Markdown.js +3 -3
- package/cjs/components/Media/Media.js +5 -5
- package/cjs/components/Media/MediaSection.js +3 -3
- package/cjs/components/Menu/Menu.js +9 -9
- package/cjs/components/Menu/MenuBaseItem.js +3 -3
- package/cjs/components/Menu/MenuDivider.js +3 -3
- package/cjs/components/Menu/MenuHeader.js +3 -3
- package/cjs/components/Menu/MenuItem.js +3 -3
- package/cjs/components/Menu/MenuSelectableItem.js +3 -3
- package/cjs/components/Overlay/Overlay.js +2 -2
- package/cjs/components/PageHeader/PageHeader.js +3 -3
- package/cjs/components/Pagination/Pagination.js +3 -3
- package/cjs/components/Panel/Panel.js +64 -101
- package/cjs/components/Paragraph/Paragraph.js +3 -3
- package/cjs/components/Plaintext/Plaintext.js +3 -3
- package/cjs/components/Popover/Popover.js +4 -4
- package/cjs/components/Popper/Popper.js +2 -2
- package/cjs/components/Progress/Progress.js +3 -3
- package/cjs/components/ProgressDialog/ProgressDialog.js +3 -3
- package/cjs/components/ProgressDialogStep/ProgressDialogStep.js +3 -3
- package/cjs/components/ProgressStep/ProgressStep.js +3 -3
- package/cjs/components/Radio/Radio.js +3 -3
- package/cjs/components/Rating/Rating.js +3 -3
- package/cjs/components/Rating/images/rating.svg +6 -6
- package/cjs/components/Section/Section.js +4 -4
- package/cjs/components/Section/SectionItem.js +3 -3
- package/cjs/components/SegmentedControl/SegmentedControl.js +4 -4
- package/cjs/components/Select/MultiValue.js +1 -1
- package/cjs/components/Select/Select.js +3 -3
- package/cjs/components/Select/SelectControl.js +1 -1
- package/cjs/components/Select/SelectOption.js +5 -4
- package/cjs/components/Select/SelectOptionGroup.js +3 -3
- package/cjs/components/Skeleton/Skeleton.js +4 -4
- package/cjs/components/Skeleton/SkeletonTabs.js +3 -3
- package/cjs/components/Skeleton/SkeletonText.js +3 -3
- package/cjs/components/Spinner/Spinner.js +2 -2
- package/cjs/components/SplitButton/SplitButton.js +5 -5
- package/cjs/components/Spot/Spot.js +3 -3
- package/cjs/components/Status/Status.js +3 -3
- package/cjs/components/StatusMessage/StatusMessage.js +4 -4
- package/cjs/components/Subnav/Subnav.js +5 -5
- package/cjs/components/Switch/Switch.js +4 -4
- package/cjs/components/SwitchesPanel/SwitchesPanel.js +3 -3
- package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +4 -4
- package/cjs/components/Tabs/SearchBar.js +3 -3
- package/cjs/components/Tabs/Tab.js +7 -7
- package/cjs/components/Tabs/Tabs.js +6 -6
- package/cjs/components/Text/Text.js +3 -3
- package/cjs/components/TextArea/TextArea.js +3 -3
- package/cjs/components/Toaster/Toaster.js +37 -37
- package/cjs/components/Toolbar/Toolbar.js +6 -6
- package/cjs/components/Toolbar/ToolbarExpander.js +5 -5
- package/cjs/components/Toolbar/ToolbarGroup.js +4 -4
- package/cjs/components/Toolbar/ToolbarMenu.js +0 -1
- package/cjs/components/Tooltip/Tooltip.js +4 -4
- package/cjs/components/Tour/Tour.js +5 -5
- package/cjs/components/Translate/Translate.js +3 -3
- package/cjs/index.js +1 -1
- package/dist/images/no-image.svg +6 -6
- package/dist/images/rating.svg +6 -6
- package/dist/images/symbols.svg +1846 -1846
- package/dist/plesk-ui-library-rtl.css +1 -1
- package/dist/plesk-ui-library-rtl.css.map +1 -1
- package/dist/plesk-ui-library.css +1 -1
- package/dist/plesk-ui-library.css.map +1 -1
- package/dist/plesk-ui-library.js +11997 -11914
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +18 -18
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/Action/Action.js +3 -3
- package/esm/components/Alert/Alert.js +5 -5
- package/esm/components/AutoClosable/AutoClosable.js +3 -3
- package/esm/components/AuxiliaryActions/AuxiliaryActions.js +3 -3
- package/esm/components/Badge/Badge.js +3 -3
- package/esm/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/esm/components/Button/Button.js +4 -4
- package/esm/components/ButtonGroup/ButtonGroup.js +3 -3
- package/esm/components/Card/Card.js +52 -52
- package/esm/components/Card/CardButton.js +2 -2
- package/esm/components/Card/PreviewPanel.js +3 -3
- package/esm/components/Card/images/no-image.svg +6 -6
- package/esm/components/CardList/CardList.js +55 -55
- package/esm/components/Carousel/Carousel.js +187 -82
- package/esm/components/Checkbox/Checkbox.js +3 -3
- package/esm/components/CodeEditor/CodeEditor.js +3 -3
- package/esm/components/Columns/Column.js +3 -3
- package/esm/components/Columns/Columns.js +3 -3
- package/esm/components/ComboBox/ComboBox.js +4 -4
- package/esm/components/ComboBox/ComboBoxOption.js +5 -4
- package/esm/components/ConsoleOutput/ConsoleOutput.js +3 -3
- package/esm/components/ContentLoader/ContentLoader.js +3 -3
- package/esm/components/Cuttable/Cuttable.js +3 -3
- package/esm/components/Dialog/Dialog.js +3 -3
- package/esm/components/Drawer/Drawer.js +4 -4
- package/esm/components/Dropdown/Dropdown.js +5 -5
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessage.js +4 -4
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +3 -3
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +3 -3
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +3 -3
- package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +3 -3
- package/esm/components/Figure/Figure.js +3 -3
- package/esm/components/Form/Form.js +4 -4
- package/esm/components/Form/utils.js +22 -22
- package/esm/components/FormField/FormField.js +24 -24
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +4 -4
- package/esm/components/FormFieldPassword/FormFieldPassword.js +3 -3
- package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +3 -3
- package/esm/components/FormFieldSelect/FormFieldSelect.js +4 -4
- package/esm/components/FormFieldText/FormFieldText.js +5 -5
- package/esm/components/Grid/Grid.js +3 -3
- package/esm/components/GridCol/GridCol.js +3 -3
- package/esm/components/Heading/Heading.js +3 -3
- package/esm/components/Hint/Hint.js +3 -3
- package/esm/components/Icon/Icon.js +6 -6
- package/esm/components/Icon/images/symbols.svg +1846 -1846
- package/esm/components/InPlaceEdit/InPlaceEdit.js +5 -5
- package/esm/components/Input/Input.js +3 -3
- package/esm/components/InputFile/InputFile.js +3 -3
- package/esm/components/InputNumber/InputNumber.js +3 -3
- package/esm/components/Item/Item.js +4 -4
- package/esm/components/ItemLink/ItemLink.js +4 -4
- package/esm/components/ItemList/ItemList.js +6 -6
- package/esm/components/Label/Label.js +3 -3
- package/esm/components/Layer/Layer.js +2 -2
- package/esm/components/Layout/Layout.js +2 -2
- package/esm/components/Link/Link.js +3 -3
- package/esm/components/List/List.js +4 -7
- package/esm/components/List/ListAction.js +4 -4
- package/esm/components/List/ListActions.js +3 -3
- package/esm/components/List/ListActionsDivider.js +4 -4
- package/esm/components/List/ListEmptyView.js +4 -4
- package/esm/components/List/ListOperation.js +4 -4
- package/esm/components/LocaleProvider/LocaleProvider.js +3 -3
- package/esm/components/Markdown/Markdown.js +3 -3
- package/esm/components/Media/Media.js +5 -5
- package/esm/components/Media/MediaSection.js +3 -3
- package/esm/components/Menu/Menu.js +9 -9
- package/esm/components/Menu/MenuBaseItem.js +3 -3
- package/esm/components/Menu/MenuDivider.js +3 -3
- package/esm/components/Menu/MenuHeader.js +3 -3
- package/esm/components/Menu/MenuItem.js +3 -3
- package/esm/components/Menu/MenuSelectableItem.js +3 -3
- package/esm/components/Overlay/Overlay.js +2 -2
- package/esm/components/PageHeader/PageHeader.js +3 -3
- package/esm/components/Pagination/Pagination.js +3 -3
- package/esm/components/Panel/Panel.js +65 -102
- package/esm/components/Paragraph/Paragraph.js +3 -3
- package/esm/components/Plaintext/Plaintext.js +3 -3
- package/esm/components/Popover/Popover.js +4 -4
- package/esm/components/Popper/Popper.js +2 -2
- package/esm/components/Progress/Progress.js +3 -3
- package/esm/components/ProgressDialog/ProgressDialog.js +3 -3
- package/esm/components/ProgressDialogStep/ProgressDialogStep.js +3 -3
- package/esm/components/ProgressStep/ProgressStep.js +3 -3
- package/esm/components/Radio/Radio.js +3 -3
- package/esm/components/Rating/Rating.js +3 -3
- package/esm/components/Rating/images/rating.svg +6 -6
- package/esm/components/Section/Section.js +4 -4
- package/esm/components/Section/SectionItem.js +3 -3
- package/esm/components/SegmentedControl/SegmentedControl.js +4 -4
- package/esm/components/Select/MultiValue.js +1 -1
- package/esm/components/Select/Select.js +3 -3
- package/esm/components/Select/SelectControl.js +1 -1
- package/esm/components/Select/SelectOption.js +5 -4
- package/esm/components/Select/SelectOptionGroup.js +3 -3
- package/esm/components/Skeleton/Skeleton.js +4 -4
- package/esm/components/Skeleton/SkeletonTabs.js +3 -3
- package/esm/components/Skeleton/SkeletonText.js +3 -3
- package/esm/components/Spinner/Spinner.js +2 -2
- package/esm/components/SplitButton/SplitButton.js +5 -5
- package/esm/components/Spot/Spot.js +3 -3
- package/esm/components/Status/Status.js +3 -3
- package/esm/components/StatusMessage/StatusMessage.js +4 -4
- package/esm/components/Subnav/Subnav.js +5 -5
- package/esm/components/Switch/Switch.js +4 -4
- package/esm/components/SwitchesPanel/SwitchesPanel.js +3 -3
- package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js +4 -4
- package/esm/components/Tabs/SearchBar.js +3 -3
- package/esm/components/Tabs/Tab.js +7 -7
- package/esm/components/Tabs/Tabs.js +6 -6
- package/esm/components/Text/Text.js +3 -3
- package/esm/components/TextArea/TextArea.js +3 -3
- package/esm/components/Toaster/Toaster.js +37 -37
- package/esm/components/Toolbar/Toolbar.js +6 -6
- package/esm/components/Toolbar/ToolbarExpander.js +5 -5
- package/esm/components/Toolbar/ToolbarGroup.js +4 -4
- package/esm/components/Toolbar/ToolbarMenu.js +0 -1
- package/esm/components/Tooltip/Tooltip.js +4 -4
- package/esm/components/Tour/Tour.js +5 -5
- package/esm/components/Translate/Translate.js +3 -3
- package/esm/index.js +1 -1
- package/index.js +5 -5
- package/package.json +150 -150
- package/scripts/postinstall.js +9 -9
- package/styleguide/browserconfig.xml +9 -9
- package/styleguide/build/bundle.c3d05006.js +2 -0
- package/styleguide/images/no-image.svg +6 -6
- package/styleguide/images/rating.svg +6 -6
- package/styleguide/images/symbols.svg +1846 -1846
- package/styleguide/index.html +2 -2
- package/styleguide/placeholders/placeholder_400x200.svg +5 -5
- package/styleguide/placeholders/placeholder_400x400.svg +5 -5
- package/styleguide/placeholders/placeholder_600x400.svg +5 -5
- package/styleguide/safari-pinned-tab.svg +28 -28
- package/styleguide/site.webmanifest +19 -19
- package/types/src/components/Carousel/Carousel.d.ts +43 -8
- package/types/src/components/List/List.d.ts +0 -1
- package/types/src/components/Panel/Panel.d.ts +4 -21
- package/types/src/components/Panel/index.d.ts +1 -0
- package/types/src/components/Radio/Radio.d.ts +4 -6
- package/types/src/components/Section/Section.d.ts +1 -1
- package/types/src/components/index.d.ts +1 -0
- package/styleguide/build/bundle.ed34a3c0.js +0 -2
- /package/styleguide/build/{bundle.ed34a3c0.js.LICENSE.txt → bundle.c3d05006.js.LICENSE.txt} +0 -0
|
@@ -8,9 +8,9 @@ import Icon, { ICON_SIZE_16 } from '../Icon';
|
|
|
8
8
|
import Spinner from '../Spinner';
|
|
9
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
10
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
-
/**
|
|
12
|
-
* `Action` component is used mostly for navigation, to go between pages, and not for immediate action or submitting data.
|
|
13
|
-
* @since 0.0.68
|
|
11
|
+
/**
|
|
12
|
+
* `Action` component is used mostly for navigation, to go between pages, and not for immediate action or submitting data.
|
|
13
|
+
* @since 0.0.68
|
|
14
14
|
*/
|
|
15
15
|
const Action = _ref => {
|
|
16
16
|
let {
|
|
@@ -4,11 +4,11 @@ import classNames from 'classnames';
|
|
|
4
4
|
import { CLS_PREFIX } from '../../constants';
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
-
/**
|
|
8
|
-
* `Alert` component is used for highlighting important content.
|
|
9
|
-
* For showing messages about state of the system it is recommended to use [StatusMessage](#!/StatusMessage)
|
|
10
|
-
* or [ExtendedStatusMessage](#!/ExtendedStatusMessage).
|
|
11
|
-
* @since 0.0.35
|
|
7
|
+
/**
|
|
8
|
+
* `Alert` component is used for highlighting important content.
|
|
9
|
+
* For showing messages about state of the system it is recommended to use [StatusMessage](#!/StatusMessage)
|
|
10
|
+
* or [ExtendedStatusMessage](#!/ExtendedStatusMessage).
|
|
11
|
+
* @since 0.0.35
|
|
12
12
|
*/
|
|
13
13
|
const Alert = _ref => {
|
|
14
14
|
let {
|
|
@@ -5,9 +5,9 @@ import { findDOMNode } from 'react-dom';
|
|
|
5
5
|
import { Component, Children, createContext } from 'react';
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
const AutoClosableContext = /*#__PURE__*/createContext(null);
|
|
8
|
-
/**
|
|
9
|
-
* This is helper component for handling outside clicks.
|
|
10
|
-
* @since 0.0.42
|
|
8
|
+
/**
|
|
9
|
+
* This is helper component for handling outside clicks.
|
|
10
|
+
* @since 0.0.42
|
|
11
11
|
*/
|
|
12
12
|
class AutoClosable extends Component {
|
|
13
13
|
constructor() {
|
|
@@ -4,9 +4,9 @@ import { cloneElement, isValidElement, Children } from 'react';
|
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
import { CLS_PREFIX } from '../../constants';
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
/**
|
|
8
|
-
* Auxiliary Actions component is used for executing additional (not primary) actions.
|
|
9
|
-
* @since 0.4.1
|
|
7
|
+
/**
|
|
8
|
+
* Auxiliary Actions component is used for executing additional (not primary) actions.
|
|
9
|
+
* @since 0.4.1
|
|
10
10
|
*/
|
|
11
11
|
const AuxiliaryActions = _ref => {
|
|
12
12
|
let {
|
|
@@ -7,9 +7,9 @@ import Label from '../Label';
|
|
|
7
7
|
import Icon from '../Icon';
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
9
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
-
/**
|
|
11
|
-
* `Badge` component is used for showing small numerical value or status attached to an interface element.
|
|
12
|
-
* @since 0.0.58
|
|
10
|
+
/**
|
|
11
|
+
* `Badge` component is used for showing small numerical value or status attached to an interface element.
|
|
12
|
+
* @since 0.0.58
|
|
13
13
|
*/
|
|
14
14
|
const Badge = _ref => {
|
|
15
15
|
let {
|
|
@@ -7,10 +7,10 @@ import { CLS_PREFIX } from '../../constants';
|
|
|
7
7
|
import Icon from '../Icon';
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
9
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
-
/**
|
|
11
|
-
* `Breadcrumbs` component indicates a position of current page in general hierarchy of all pages,
|
|
12
|
-
* and it is used for navigation up to the main page of the product.
|
|
13
|
-
* @since 2.3.0
|
|
10
|
+
/**
|
|
11
|
+
* `Breadcrumbs` component indicates a position of current page in general hierarchy of all pages,
|
|
12
|
+
* and it is used for navigation up to the main page of the product.
|
|
13
|
+
* @since 2.3.0
|
|
14
14
|
*/
|
|
15
15
|
const Breadcrumbs = _ref => {
|
|
16
16
|
let {
|
|
@@ -198,9 +198,9 @@ Button.defaultProps = {
|
|
|
198
198
|
onClick: undefined
|
|
199
199
|
};
|
|
200
200
|
|
|
201
|
-
/**
|
|
202
|
-
* `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
|
|
203
|
-
* As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
|
|
204
|
-
* @since 0.0.37
|
|
201
|
+
/**
|
|
202
|
+
* `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
|
|
203
|
+
* As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
|
|
204
|
+
* @since 0.0.37
|
|
205
205
|
*/
|
|
206
206
|
export default Button;
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { CLS_PREFIX } from '../../constants';
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
-
/**
|
|
7
|
-
* `ButtonGroup` component is used for visual grouping of several [Buttons](#!/Button) together.
|
|
8
|
-
* @since 0.0.37
|
|
6
|
+
/**
|
|
7
|
+
* `ButtonGroup` component is used for visual grouping of several [Buttons](#!/Button) together.
|
|
8
|
+
* @since 0.0.37
|
|
9
9
|
*/
|
|
10
10
|
const ButtonGroup = _ref => {
|
|
11
11
|
let {
|
|
@@ -18,9 +18,9 @@ const VIEW_TILE = 'tile';
|
|
|
18
18
|
const VIEW_EXTENDED = 'extended';
|
|
19
19
|
const VIEW_ROW = 'row';
|
|
20
20
|
|
|
21
|
-
/**
|
|
22
|
-
* @deprecated `Card` component is a part of [CardList](#!/CardList).
|
|
23
|
-
* @since 0.0.54
|
|
21
|
+
/**
|
|
22
|
+
* @deprecated `Card` component is a part of [CardList](#!/CardList).
|
|
23
|
+
* @since 0.0.54
|
|
24
24
|
*/
|
|
25
25
|
class Card extends Component {
|
|
26
26
|
constructor() {
|
|
@@ -362,94 +362,94 @@ class Card extends Component {
|
|
|
362
362
|
}
|
|
363
363
|
}
|
|
364
364
|
Card.propTypes = {
|
|
365
|
-
/**
|
|
366
|
-
* Content of the `Card`.
|
|
367
|
-
* @since 0.0.54
|
|
365
|
+
/**
|
|
366
|
+
* Content of the `Card`.
|
|
367
|
+
* @since 0.0.54
|
|
368
368
|
*/
|
|
369
369
|
children: PropTypes.node,
|
|
370
|
-
/**
|
|
371
|
-
* View mode.
|
|
372
|
-
* @since 0.0.54
|
|
370
|
+
/**
|
|
371
|
+
* View mode.
|
|
372
|
+
* @since 0.0.54
|
|
373
373
|
*/
|
|
374
374
|
view: PropTypes.oneOf([VIEW_EXTENDED, VIEW_TILE, VIEW_ROW]),
|
|
375
|
-
/**
|
|
376
|
-
* Visual intent color to apply to component.
|
|
377
|
-
* @since 0.0.54
|
|
375
|
+
/**
|
|
376
|
+
* Visual intent color to apply to component.
|
|
377
|
+
* @since 0.0.54
|
|
378
378
|
*/
|
|
379
379
|
intent: PropTypes.oneOf(['warning', 'danger', 'inactive']),
|
|
380
|
-
/**
|
|
381
|
-
* Text of title.
|
|
382
|
-
* @since 0.0.54
|
|
380
|
+
/**
|
|
381
|
+
* Text of title.
|
|
382
|
+
* @since 0.0.54
|
|
383
383
|
*/
|
|
384
384
|
title: PropTypes.node.isRequired,
|
|
385
|
-
/**
|
|
386
|
-
* Link for title.
|
|
387
|
-
* @since 0.0.54
|
|
385
|
+
/**
|
|
386
|
+
* Link for title.
|
|
387
|
+
* @since 0.0.54
|
|
388
388
|
*/
|
|
389
389
|
titleLink: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
|
390
|
-
/**
|
|
391
|
-
* List of labels in header, which should appear right after the title. See [Label](#!/Label) component for details.
|
|
392
|
-
* @since 1.6.0
|
|
390
|
+
/**
|
|
391
|
+
* List of labels in header, which should appear right after the title. See [Label](#!/Label) component for details.
|
|
392
|
+
* @since 1.6.0
|
|
393
393
|
*/
|
|
394
394
|
titleLabels: PropTypes.arrayOf(PropTypes.element),
|
|
395
|
-
/**
|
|
396
|
-
* Text of subtitle.
|
|
397
|
-
* @since 0.0.54
|
|
395
|
+
/**
|
|
396
|
+
* Text of subtitle.
|
|
397
|
+
* @since 0.0.54
|
|
398
398
|
*/
|
|
399
399
|
subtitle: PropTypes.node,
|
|
400
|
-
/**
|
|
401
|
-
* List of labels in header, which should appear at the end of header. See [Label](#!/Label) component for details.
|
|
402
|
-
* @since 0.0.54
|
|
400
|
+
/**
|
|
401
|
+
* List of labels in header, which should appear at the end of header. See [Label](#!/Label) component for details.
|
|
402
|
+
* @since 0.0.54
|
|
403
403
|
*/
|
|
404
404
|
labels: PropTypes.arrayOf(PropTypes.element),
|
|
405
|
-
/**
|
|
406
|
-
* List of additional buttons in header.
|
|
407
|
-
* @since 0.0.54
|
|
405
|
+
/**
|
|
406
|
+
* List of additional buttons in header.
|
|
407
|
+
* @since 0.0.54
|
|
408
408
|
*/
|
|
409
409
|
buttons: PropTypes.arrayOf(PropTypes.shape({
|
|
410
410
|
icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]).isRequired,
|
|
411
411
|
onClick: PropTypes.func.isRequired,
|
|
412
412
|
tooltip: PropTypes.node
|
|
413
413
|
})),
|
|
414
|
-
/**
|
|
415
|
-
* See [Menu](#!/Menu).
|
|
416
|
-
* @since 0.3.0
|
|
414
|
+
/**
|
|
415
|
+
* See [Menu](#!/Menu).
|
|
416
|
+
* @since 0.3.0
|
|
417
417
|
*/
|
|
418
418
|
menu: PropTypes.element,
|
|
419
|
-
/**
|
|
420
|
-
* Selection control.
|
|
421
|
-
* @since 0.0.54
|
|
419
|
+
/**
|
|
420
|
+
* Selection control.
|
|
421
|
+
* @since 0.0.54
|
|
422
422
|
*/
|
|
423
423
|
selection: PropTypes.shape({
|
|
424
424
|
isSelected: PropTypes.bool.isRequired,
|
|
425
425
|
onSelectionChange: PropTypes.func.isRequired
|
|
426
426
|
}),
|
|
427
|
-
/**
|
|
428
|
-
* Side header section. Recommended to use [PreviewPanel](#!/PreviewPanel) component.
|
|
429
|
-
* @since 0.0.54
|
|
427
|
+
/**
|
|
428
|
+
* Side header section. Recommended to use [PreviewPanel](#!/PreviewPanel) component.
|
|
429
|
+
* @since 0.0.54
|
|
430
430
|
*/
|
|
431
431
|
sideHeader: PropTypes.element,
|
|
432
|
-
/**
|
|
433
|
-
* Side content section.
|
|
434
|
-
* @since 0.0.54
|
|
432
|
+
/**
|
|
433
|
+
* Side content section.
|
|
434
|
+
* @since 0.0.54
|
|
435
435
|
*/
|
|
436
436
|
sideContent: PropTypes.element,
|
|
437
|
-
/**
|
|
438
|
-
* Content for row view.
|
|
439
|
-
* @since 0.0.54
|
|
437
|
+
/**
|
|
438
|
+
* Content for row view.
|
|
439
|
+
* @since 0.0.54
|
|
440
440
|
*/
|
|
441
441
|
rowContent: PropTypes.any,
|
|
442
|
-
/**
|
|
443
|
-
* Indicate the progress state of the card.
|
|
444
|
-
* @since 0.4.1
|
|
442
|
+
/**
|
|
443
|
+
* Indicate the progress state of the card.
|
|
444
|
+
* @since 0.4.1
|
|
445
445
|
*/
|
|
446
446
|
progress: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
|
|
447
|
-
/**
|
|
448
|
-
* @ignore
|
|
447
|
+
/**
|
|
448
|
+
* @ignore
|
|
449
449
|
*/
|
|
450
450
|
className: PropTypes.string,
|
|
451
|
-
/**
|
|
452
|
-
* @ignore
|
|
451
|
+
/**
|
|
452
|
+
* @ignore
|
|
453
453
|
*/
|
|
454
454
|
baseClassName: PropTypes.string
|
|
455
455
|
};
|
|
@@ -30,9 +30,9 @@ const determineSource = _ref => {
|
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
32
|
|
|
33
|
-
/**
|
|
34
|
-
* `PreviewPanel` component is used for displaying website preview.
|
|
35
|
-
* @since 0.3.0
|
|
33
|
+
/**
|
|
34
|
+
* `PreviewPanel` component is used for displaying website preview.
|
|
35
|
+
* @since 0.3.0
|
|
36
36
|
*/
|
|
37
37
|
const PreviewPanel = _ref2 => {
|
|
38
38
|
let {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" fill="#ccc" width="280" height="210" viewBox="-90 -55 280 210">
|
|
2
|
-
<path d="M73.5 43a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z"/>
|
|
3
|
-
<path fill-rule="evenodd" d="M13.2 16.2A49.9 49.9 0 01100 50c0 14.6-6.2 27.7-16.2 36.8L13.2 16.2zM96 50c0 12-4.6 23-12.2 31.2L78.6 76a4 4 0 003.4-4V36a4 4 0 00-4-4H67.5l-6.3-10.1a4 4 0 00-3.4-1.9H42.2a4 4 0 00-3.4 1.9l-5.5 8.8-14.5-14.5A45.8 45.8 0 0196 50zM78 72h-3.3L63.4 60.7a16 16 0 00-22.1-22.1l-5-5 6-9.6h15.5L64 34.1a4 4 0 003.4 1.9H78v36zM62 52a12 12 0 01-1.5 5.8L44.2 41.5A12 12 0 0162 52z" clip-rule="evenodd"/>
|
|
4
|
-
<path d="M80.8 89.4l-2.9-2.8A46 46 0 0113.4 22l-2.8-2.9a50 50 0 0070.2 70.2z"/>
|
|
5
|
-
<path d="M23.3 32H22a4 4 0 00-4 4v36a4 4 0 004 4h45.3l-4-4H22V36h5.3l-4-4z"/>
|
|
6
|
-
<path d="M35.9 44.5a16 16 0 0021.6 21.6l-3-3A12 12 0 0138 52c0-1.6.3-3.1.9-4.5l-3-3z"/>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="#ccc" width="280" height="210" viewBox="-90 -55 280 210">
|
|
2
|
+
<path d="M73.5 43a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z"/>
|
|
3
|
+
<path fill-rule="evenodd" d="M13.2 16.2A49.9 49.9 0 01100 50c0 14.6-6.2 27.7-16.2 36.8L13.2 16.2zM96 50c0 12-4.6 23-12.2 31.2L78.6 76a4 4 0 003.4-4V36a4 4 0 00-4-4H67.5l-6.3-10.1a4 4 0 00-3.4-1.9H42.2a4 4 0 00-3.4 1.9l-5.5 8.8-14.5-14.5A45.8 45.8 0 0196 50zM78 72h-3.3L63.4 60.7a16 16 0 00-22.1-22.1l-5-5 6-9.6h15.5L64 34.1a4 4 0 003.4 1.9H78v36zM62 52a12 12 0 01-1.5 5.8L44.2 41.5A12 12 0 0162 52z" clip-rule="evenodd"/>
|
|
4
|
+
<path d="M80.8 89.4l-2.9-2.8A46 46 0 0113.4 22l-2.8-2.9a50 50 0 0070.2 70.2z"/>
|
|
5
|
+
<path d="M23.3 32H22a4 4 0 00-4 4v36a4 4 0 004 4h45.3l-4-4H22V36h5.3l-4-4z"/>
|
|
6
|
+
<path d="M35.9 44.5a16 16 0 0021.6 21.6l-3-3A12 12 0 0138 52c0-1.6.3-3.1.9-4.5l-3-3z"/>
|
|
7
7
|
</svg>
|
|
@@ -21,11 +21,11 @@ export const VIEW_RESPONSIVE = 'responsive';
|
|
|
21
21
|
export const VIEW_EXTENDED = 'extended';
|
|
22
22
|
export const VIEW_ROW = 'row';
|
|
23
23
|
|
|
24
|
-
/**
|
|
25
|
-
* @deprecated `CardList` was used for displaying list of objects presented in various data formats
|
|
26
|
-
* including images and other interface components.
|
|
27
|
-
* Now it is deprecated and [List should be used](#!/List) instead.
|
|
28
|
-
* @since 0.0.54
|
|
24
|
+
/**
|
|
25
|
+
* @deprecated `CardList` was used for displaying list of objects presented in various data formats
|
|
26
|
+
* including images and other interface components.
|
|
27
|
+
* Now it is deprecated and [List should be used](#!/List) instead.
|
|
28
|
+
* @since 0.0.54
|
|
29
29
|
*/
|
|
30
30
|
class CardList extends Component {
|
|
31
31
|
constructor() {
|
|
@@ -317,91 +317,91 @@ class CardList extends Component {
|
|
|
317
317
|
}
|
|
318
318
|
}
|
|
319
319
|
CardList.propTypes = {
|
|
320
|
-
/**
|
|
321
|
-
* Array of data items for rendering.
|
|
322
|
-
* @since 0.0.68
|
|
320
|
+
/**
|
|
321
|
+
* Array of data items for rendering.
|
|
322
|
+
* @since 0.0.68
|
|
323
323
|
*/
|
|
324
324
|
items: PropTypes.array.isRequired,
|
|
325
|
-
/**
|
|
326
|
-
* Callback for fetching items.
|
|
327
|
-
* @since 0.0.68
|
|
325
|
+
/**
|
|
326
|
+
* Callback for fetching items.
|
|
327
|
+
* @since 0.0.68
|
|
328
328
|
*/
|
|
329
329
|
onItemsFetch: PropTypes.func,
|
|
330
|
-
/**
|
|
331
|
-
* Total items. Equal items.length by default.
|
|
332
|
-
* @since 0.0.68
|
|
330
|
+
/**
|
|
331
|
+
* Total items. Equal items.length by default.
|
|
332
|
+
* @since 0.0.68
|
|
333
333
|
*/
|
|
334
334
|
totalItems: PropTypes.number,
|
|
335
|
-
/**
|
|
336
|
-
* Default page number.
|
|
337
|
-
* @since 1.0.1
|
|
335
|
+
/**
|
|
336
|
+
* Default page number.
|
|
337
|
+
* @since 1.0.1
|
|
338
338
|
*/
|
|
339
339
|
defaultPage: PropTypes.number,
|
|
340
|
-
/**
|
|
341
|
-
* View mode.
|
|
342
|
-
* @since 0.0.54
|
|
340
|
+
/**
|
|
341
|
+
* View mode.
|
|
342
|
+
* @since 0.0.54
|
|
343
343
|
*/
|
|
344
344
|
view: PropTypes.oneOf([VIEW_EXTENDED, VIEW_TILE, VIEW_ROW, VIEW_RESPONSIVE]),
|
|
345
|
-
/**
|
|
346
|
-
* View change callback.
|
|
347
|
-
* @since 0.0.54
|
|
345
|
+
/**
|
|
346
|
+
* View change callback.
|
|
347
|
+
* @since 0.0.54
|
|
348
348
|
*/
|
|
349
349
|
onViewChange: PropTypes.func,
|
|
350
|
-
/**
|
|
351
|
-
* View switcher config.
|
|
352
|
-
* @since 0.0.59
|
|
350
|
+
/**
|
|
351
|
+
* View switcher config.
|
|
352
|
+
* @since 0.0.59
|
|
353
353
|
*/
|
|
354
354
|
viewSwitcher: PropTypes.bool,
|
|
355
|
-
/**
|
|
356
|
-
* Array of keys of selected cards.
|
|
357
|
-
* @since 0.0.59
|
|
355
|
+
/**
|
|
356
|
+
* Array of keys of selected cards.
|
|
357
|
+
* @since 0.0.59
|
|
358
358
|
*/
|
|
359
359
|
selection: PropTypes.array,
|
|
360
|
-
/**
|
|
361
|
-
* Selection change handler for list. Checkboxes will only be rendered if this prop is defined.
|
|
362
|
-
* @since 0.0.59
|
|
360
|
+
/**
|
|
361
|
+
* Selection change handler for list. Checkboxes will only be rendered if this prop is defined.
|
|
362
|
+
* @since 0.0.59
|
|
363
363
|
*/
|
|
364
364
|
onSelectionChange: PropTypes.func,
|
|
365
|
-
/**
|
|
366
|
-
* Config for selection button in the toolbar.
|
|
367
|
-
* @since 0.0.59
|
|
365
|
+
/**
|
|
366
|
+
* Config for selection button in the toolbar.
|
|
367
|
+
* @since 0.0.59
|
|
368
368
|
*/
|
|
369
369
|
selectionButton: PropTypes.shape({
|
|
370
|
-
/**
|
|
371
|
-
* See [Badge](#!/Badge) for all props.
|
|
370
|
+
/**
|
|
371
|
+
* See [Badge](#!/Badge) for all props.
|
|
372
372
|
*/
|
|
373
373
|
badge: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
|
374
|
-
/**
|
|
375
|
-
* Array of additional [MenuItems](#!/MenuItem).
|
|
374
|
+
/**
|
|
375
|
+
* Array of additional [MenuItems](#!/MenuItem).
|
|
376
376
|
*/
|
|
377
377
|
menuItems: PropTypes.arrayOf(PropTypes.element)
|
|
378
378
|
}),
|
|
379
|
-
/**
|
|
380
|
-
* Toolbar groups for the toolbar.
|
|
381
|
-
* @since 0.0.59
|
|
379
|
+
/**
|
|
380
|
+
* Toolbar groups for the toolbar.
|
|
381
|
+
* @since 0.0.59
|
|
382
382
|
*/
|
|
383
383
|
toolbarGroups: PropTypes.arrayOf(PropTypes.element),
|
|
384
|
-
/**
|
|
385
|
-
* Unique key.
|
|
386
|
-
* @since 0.0.59
|
|
384
|
+
/**
|
|
385
|
+
* Unique key.
|
|
386
|
+
* @since 0.0.59
|
|
387
387
|
*/
|
|
388
388
|
itemKey: PropTypes.string.isRequired,
|
|
389
|
-
/**
|
|
390
|
-
* Render function for item.
|
|
391
|
-
* @since 0.0.59
|
|
389
|
+
/**
|
|
390
|
+
* Render function for item.
|
|
391
|
+
* @since 0.0.59
|
|
392
392
|
*/
|
|
393
393
|
itemRender: PropTypes.func.isRequired,
|
|
394
|
-
/**
|
|
395
|
-
* Indicate the loading state of the list.
|
|
396
|
-
* @since 0.0.68
|
|
394
|
+
/**
|
|
395
|
+
* Indicate the loading state of the list.
|
|
396
|
+
* @since 0.0.68
|
|
397
397
|
*/
|
|
398
398
|
loading: PropTypes.bool,
|
|
399
|
-
/**
|
|
400
|
-
* @ignore
|
|
399
|
+
/**
|
|
400
|
+
* @ignore
|
|
401
401
|
*/
|
|
402
402
|
className: PropTypes.string,
|
|
403
|
-
/**
|
|
404
|
-
* @ignore
|
|
403
|
+
/**
|
|
404
|
+
* @ignore
|
|
405
405
|
*/
|
|
406
406
|
baseClassName: PropTypes.string
|
|
407
407
|
};
|