@steroidsjs/core 3.0.0-beta.41 → 3.0.0-beta.43
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/docs-autogen-result.json +966 -995
- package/hooks/useApplication.d.ts +2 -1
- package/hooks/useApplication.js +1 -1
- package/hooks/useDataSelect.d.ts +3 -1
- package/hooks/useDataSelect.js +37 -23
- package/hooks/useFile.d.ts +28 -0
- package/hooks/useList.d.ts +6 -0
- package/package.json +2 -2
- package/ui/content/Accordion/Accordion.d.ts +11 -13
- package/ui/content/Alert/Alert.d.ts +13 -10
- package/ui/content/Avatar/Avatar.d.ts +13 -23
- package/ui/content/Badge/Badge.d.ts +14 -12
- package/ui/content/Calendar/Calendar.d.ts +1 -10
- package/ui/content/Card/Card.d.ts +31 -18
- package/ui/content/CopyToClipboard/CopyToClipboard.d.ts +19 -6
- package/ui/content/Detail/Detail.d.ts +1 -10
- package/ui/content/DropDown/DropDown.d.ts +9 -9
- package/ui/content/Icon/Icon.d.ts +4 -7
- package/ui/content/Menu/Menu.d.ts +2 -10
- package/ui/crud/Crud/Crud.d.ts +62 -0
- package/ui/form/BlankField/BlankField.d.ts +8 -1
- package/ui/form/Button/Button.d.ts +2 -16
- package/ui/form/CheckboxField/CheckboxField.d.ts +3 -12
- package/ui/form/CheckboxListField/CheckboxListField.d.ts +2 -11
- package/ui/form/DateRangeField/DateRangeField.d.ts +6 -0
- package/ui/form/DropDownField/DropDownField.d.ts +19 -16
- package/ui/form/DropDownField/DropDownField.js +26 -5
- package/ui/form/Field/fieldWrapper.d.ts +18 -4
- package/ui/form/FieldLayout/FieldLayout.d.ts +2 -11
- package/ui/form/FieldList/FieldList.d.ts +2 -20
- package/ui/form/FileField/FileField.d.ts +1 -11
- package/ui/form/Form/Form.d.ts +27 -15
- package/ui/form/HtmlField/HtmlField.d.ts +1 -10
- package/ui/form/ImageField/ImageField.d.ts +1 -10
- package/ui/form/InputField/InputField.d.ts +2 -2
- package/ui/form/NavField/NavField.d.ts +1 -1
- package/ui/form/RadioField/RadioField.d.ts +2 -11
- package/ui/form/RadioListField/RadioListField.d.ts +2 -11
- package/ui/form/RateField/RateField.d.ts +1 -10
- package/ui/form/ReCaptchaField/ReCaptchaField.d.ts +1 -6
- package/ui/form/SliderField/SliderField.d.ts +3 -12
- package/ui/form/SliderField/SliderField.js +1 -1
- package/ui/form/SwitcherField/SwitcherField.d.ts +1 -1
- package/ui/form/TimeField/TimeField.d.ts +1 -15
- package/ui/format/BooleanFormatter/BooleanFormatter.d.ts +7 -0
- package/ui/format/DateFormatter/DateFormatter.d.ts +5 -1
- package/ui/format/DateTimeFormatter/DateTimeFormatter.d.ts +5 -1
- package/ui/format/EnumFormatter/EnumFormatter.d.ts +4 -0
- package/ui/format/FileSize/FileSize.d.ts +1 -2
- package/ui/format/MoneyFormatter/MoneyFormatter.d.ts +3 -1
- package/ui/layout/Header/Header.d.ts +7 -3
- package/ui/layout/Loader/Loader.d.ts +6 -1
- package/ui/layout/Skeleton/Skeleton.d.ts +19 -0
- package/ui/list/Pagination/Pagination.d.ts +3 -0
- package/ui/list/SearchForm/SearchForm.d.ts +3 -0
- package/ui/modal/TwoFactorModal/TwoFactorModal.d.ts +7 -2
- package/ui/nav/ButtonGroup/ButtonGroup.d.ts +35 -0
- package/ui/nav/ButtonGroup/ButtonGroup.js +31 -0
- package/ui/nav/ButtonGroup/index.d.ts +2 -0
- package/ui/nav/ButtonGroup/index.js +7 -0
- package/ui/nav/index.d.ts +2 -1
- package/ui/nav/index.js +3 -1
- package/ui/typography/Text/Text.d.ts +5 -8
- package/ui/typography/Title/Title.d.ts +5 -8
- package/ui/form/SliderField/demo/basic.d.ts +0 -8
- package/ui/form/SliderField/demo/basic.js +0 -37
- package/ui/form/SliderField/demo/disabled.d.ts +0 -8
- package/ui/form/SliderField/demo/disabled.js +0 -37
- package/ui/form/SliderField/demo/errors.d.ts +0 -8
- package/ui/form/SliderField/demo/errors.js +0 -37
- package/ui/form/SliderField/demo/marks.d.ts +0 -3
- package/ui/form/SliderField/demo/marks.js +0 -49
- package/ui/form/SliderField/demo/min-max.d.ts +0 -8
- package/ui/form/SliderField/demo/min-max.js +0 -37
- package/ui/form/SliderField/demo/onAfterChange.d.ts +0 -8
- package/ui/form/SliderField/demo/onAfterChange.js +0 -43
- package/ui/form/SliderField/demo/onChange.d.ts +0 -8
- package/ui/form/SliderField/demo/onChange.js +0 -43
- package/ui/form/SliderField/demo/range.d.ts +0 -8
- package/ui/form/SliderField/demo/range.js +0 -37
- package/ui/nav/Tree/demo/auto-open-levels.d.ts +0 -8
- package/ui/nav/Tree/demo/auto-open-levels.js +0 -38
- package/ui/nav/Tree/demo/basic.d.ts +0 -32
- package/ui/nav/Tree/demo/basic.js +0 -72
- package/ui/nav/Tree/demo/level.d.ts +0 -8
- package/ui/nav/Tree/demo/level.js +0 -38
- package/ui/nav/Tree/demo/routes.d.ts +0 -8
- package/ui/nav/Tree/demo/routes.js +0 -37
- package/ui/nav/Tree/demo/selected-item.d.ts +0 -8
- package/ui/nav/Tree/demo/selected-item.js +0 -38
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
var react_1 = require("react");
|
|
7
|
+
var hooks_1 = require("../../../hooks");
|
|
8
|
+
var useDataProvider_1 = __importDefault(require("../../../hooks/useDataProvider"));
|
|
9
|
+
var DEFAULT_BUTTON_GROUP_SIZE = 'md';
|
|
10
|
+
function ButtonGroup(props) {
|
|
11
|
+
var _a;
|
|
12
|
+
var components = (0, hooks_1.useComponents)();
|
|
13
|
+
var items = (0, useDataProvider_1["default"])({
|
|
14
|
+
items: props.items
|
|
15
|
+
}).items;
|
|
16
|
+
var _b = (0, react_1.useState)(props.activeButton || items[0].id), activeButton = _b[0], setActiveButton = _b[1];
|
|
17
|
+
var onClick = function (buttonId) {
|
|
18
|
+
setActiveButton(buttonId);
|
|
19
|
+
props.onClick(buttonId);
|
|
20
|
+
};
|
|
21
|
+
return components.ui.renderView(props.view || 'nav.ButtonGroupView', {
|
|
22
|
+
className: props.className,
|
|
23
|
+
style: props.style,
|
|
24
|
+
buttonProps: props.buttonProps,
|
|
25
|
+
size: ((_a = props.buttonProps) === null || _a === void 0 ? void 0 : _a.size) || DEFAULT_BUTTON_GROUP_SIZE,
|
|
26
|
+
activeButton: activeButton,
|
|
27
|
+
items: items,
|
|
28
|
+
onClick: onClick
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
exports["default"] = ButtonGroup;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
var ButtonGroup_1 = __importDefault(require("./ButtonGroup"));
|
|
7
|
+
exports["default"] = ButtonGroup_1["default"];
|
package/ui/nav/index.d.ts
CHANGED
|
@@ -2,4 +2,5 @@ import Nav from './Nav';
|
|
|
2
2
|
import Router from './Router';
|
|
3
3
|
import Link from './Link';
|
|
4
4
|
import Breadcrumbs from './Breadcrumbs';
|
|
5
|
-
|
|
5
|
+
import ButtonGroup from './ButtonGroup';
|
|
6
|
+
export { Nav, Router, Link, Breadcrumbs, ButtonGroup };
|
package/ui/nav/index.js
CHANGED
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
exports.__esModule = true;
|
|
6
|
-
exports.Breadcrumbs = exports.Link = exports.Router = exports.Nav = void 0;
|
|
6
|
+
exports.ButtonGroup = exports.Breadcrumbs = exports.Link = exports.Router = exports.Nav = void 0;
|
|
7
7
|
var Nav_1 = __importDefault(require("./Nav"));
|
|
8
8
|
exports.Nav = Nav_1["default"];
|
|
9
9
|
var Router_1 = __importDefault(require("./Router"));
|
|
@@ -12,3 +12,5 @@ var Link_1 = __importDefault(require("./Link"));
|
|
|
12
12
|
exports.Link = Link_1["default"];
|
|
13
13
|
var Breadcrumbs_1 = __importDefault(require("./Breadcrumbs"));
|
|
14
14
|
exports.Breadcrumbs = Breadcrumbs_1["default"];
|
|
15
|
+
var ButtonGroup_1 = __importDefault(require("./ButtonGroup"));
|
|
16
|
+
exports.ButtonGroup = ButtonGroup_1["default"];
|
|
@@ -1,30 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export interface ITextProps {
|
|
3
|
-
view?: CustomView;
|
|
4
|
-
className?: CssClassName;
|
|
2
|
+
export interface ITextProps extends IUiComponent {
|
|
5
3
|
/**
|
|
6
4
|
* Дочерние элементы
|
|
7
5
|
*/
|
|
8
6
|
children?: React.ReactNode;
|
|
9
7
|
/**
|
|
10
8
|
* Тип текста
|
|
11
|
-
* @example
|
|
9
|
+
* @example 'body'
|
|
12
10
|
*/
|
|
13
11
|
type?: 'body' | 'span' | 'boldSpan' | string;
|
|
14
12
|
/** HTML тег
|
|
15
|
-
* @example
|
|
13
|
+
* @example 'span'
|
|
16
14
|
*/
|
|
17
15
|
tag?: 'p' | 'span' | string;
|
|
18
16
|
/**
|
|
19
17
|
* Цвет текста
|
|
20
|
-
* @example
|
|
18
|
+
* @example 'primary'
|
|
21
19
|
*/
|
|
22
20
|
color?: ColorName;
|
|
23
21
|
/** Текст
|
|
24
|
-
* @example
|
|
22
|
+
* @example 'Simple text'
|
|
25
23
|
*/
|
|
26
24
|
content?: string;
|
|
27
|
-
style?: CustomStyle;
|
|
28
25
|
}
|
|
29
26
|
export type ITextViewProps = ITextProps;
|
|
30
27
|
declare function Text(props: ITextProps): JSX.Element;
|
|
@@ -1,30 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export interface ITitleProps {
|
|
3
|
-
view?: CustomView;
|
|
4
|
-
className?: CssClassName;
|
|
2
|
+
export interface ITitleProps extends IUiComponent {
|
|
5
3
|
/**
|
|
6
4
|
* Дочерние элементы
|
|
7
5
|
*/
|
|
8
6
|
children?: React.ReactNode;
|
|
9
7
|
/**
|
|
10
8
|
* Тип заголовка
|
|
11
|
-
* @example
|
|
9
|
+
* @example 'h1'
|
|
12
10
|
*/
|
|
13
11
|
type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle' | string;
|
|
14
12
|
/** HTML тег
|
|
15
|
-
* @example
|
|
13
|
+
* @example 'h2'
|
|
16
14
|
*/
|
|
17
15
|
tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
18
16
|
/** Текст заголовка
|
|
19
|
-
* @example
|
|
17
|
+
* @example 'Simple text'
|
|
20
18
|
*/
|
|
21
19
|
content?: string;
|
|
22
20
|
/**
|
|
23
21
|
* Цвет заголовка
|
|
24
|
-
* @example
|
|
22
|
+
* @example 'primary'
|
|
25
23
|
*/
|
|
26
24
|
color?: ColorName;
|
|
27
|
-
style?: CustomStyle;
|
|
28
25
|
}
|
|
29
26
|
export type ITitleViewProps = ITitleProps;
|
|
30
27
|
declare function Title(props: ITitleProps): JSX.Element;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var SliderField_1 = __importDefault(require("../SliderField"));
|
|
31
|
-
/**
|
|
32
|
-
* Обычный пример использования SliderField.
|
|
33
|
-
* @order 1
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
37
|
-
React.createElement(SliderField_1["default"], { label: 'Basic' }))); });
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var SliderField_1 = __importDefault(require("../SliderField"));
|
|
31
|
-
/**
|
|
32
|
-
* Выключенный или недоступный для использования.
|
|
33
|
-
* @order 2
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
37
|
-
React.createElement(SliderField_1["default"], { label: 'Disabled', disabled: true }))); });
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var SliderField_1 = __importDefault(require("../SliderField"));
|
|
31
|
-
/**
|
|
32
|
-
* Обработка ошибок c лейблом.
|
|
33
|
-
* @order 5
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px 10px' } },
|
|
37
|
-
React.createElement(SliderField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var SliderField_1 = __importDefault(require("../SliderField"));
|
|
31
|
-
/**
|
|
32
|
-
* Обычный пример задания отметок со описанием по всей длине слайдера.
|
|
33
|
-
* @order 7
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
var marks = {
|
|
37
|
-
0: React.createElement("strong", null, "0\u00B0C"),
|
|
38
|
-
26: '26°C',
|
|
39
|
-
37: '37°C',
|
|
40
|
-
50: '50°C',
|
|
41
|
-
80: {
|
|
42
|
-
style: {
|
|
43
|
-
color: 'red'
|
|
44
|
-
},
|
|
45
|
-
label: React.createElement("strong", null, "80\u00B0C")
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
49
|
-
React.createElement(SliderField_1["default"], { min: -10, max: 80, marks: marks }))); });
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var SliderField_1 = __importDefault(require("../SliderField"));
|
|
31
|
-
/**
|
|
32
|
-
* Установлены рамки минамльного и максимального значения.
|
|
33
|
-
* @order 4
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
37
|
-
React.createElement(SliderField_1["default"], { label: 'With min and max values', min: 10, max: 30 }))); });
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var layout_1 = require("../../../layout");
|
|
31
|
-
var SliderField_1 = __importDefault(require("../SliderField"));
|
|
32
|
-
/**
|
|
33
|
-
* Использования свойства onAfterChange для изминения значения счетчика после отпускания tip'а у слайдера.
|
|
34
|
-
* @order 9
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () {
|
|
38
|
-
var _a = React.useState('0'), counter = _a[0], setCounter = _a[1];
|
|
39
|
-
return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
40
|
-
React.createElement(SliderField_1["default"], { onAfterChange: function (value) { return setCounter(value); } }),
|
|
41
|
-
React.createElement("div", null,
|
|
42
|
-
React.createElement(layout_1.Header, null, __('Значение слайдера: {counter}', { counter: counter })))));
|
|
43
|
-
});
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var layout_1 = require("../../../layout");
|
|
31
|
-
var SliderField_1 = __importDefault(require("../SliderField"));
|
|
32
|
-
/**
|
|
33
|
-
* Использования свойства onChange для изминения значения счетчика.
|
|
34
|
-
* @order 8
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () {
|
|
38
|
-
var _a = React.useState('0'), counter = _a[0], setCounter = _a[1];
|
|
39
|
-
return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
40
|
-
React.createElement(SliderField_1["default"], { onChange: function (value) { return setCounter(value); } }),
|
|
41
|
-
React.createElement("div", null,
|
|
42
|
-
React.createElement(layout_1.Header, null, __('Значение меняется при изменения значения слайдера в реальном времени: {counter}', { counter: counter })))));
|
|
43
|
-
});
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var SliderField_1 = __importDefault(require("../SliderField"));
|
|
31
|
-
/**
|
|
32
|
-
* Обычный пример использования с заданным свойством isRange={true}, для задания промежутка значений.
|
|
33
|
-
* @order 7
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
37
|
-
React.createElement(SliderField_1["default"], { isRange: true }))); });
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var Tree_1 = __importDefault(require("../Tree"));
|
|
31
|
-
var basic_1 = require("./basic");
|
|
32
|
-
/**
|
|
33
|
-
* The max opened nesting level is 3
|
|
34
|
-
* @order 3
|
|
35
|
-
* @col 8
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
38
|
-
React.createElement(Tree_1["default"], { items: basic_1.items, autoOpenLevels: 3 }))); });
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const items: {
|
|
3
|
-
id: number;
|
|
4
|
-
label: string;
|
|
5
|
-
items: ({
|
|
6
|
-
id: number;
|
|
7
|
-
label: string;
|
|
8
|
-
items: {
|
|
9
|
-
id: number;
|
|
10
|
-
label: string;
|
|
11
|
-
items: {
|
|
12
|
-
id: number;
|
|
13
|
-
label: string;
|
|
14
|
-
items: {
|
|
15
|
-
id: number;
|
|
16
|
-
label: string;
|
|
17
|
-
}[];
|
|
18
|
-
}[];
|
|
19
|
-
}[];
|
|
20
|
-
} | {
|
|
21
|
-
id: number;
|
|
22
|
-
label: string;
|
|
23
|
-
items?: undefined;
|
|
24
|
-
})[];
|
|
25
|
-
}[];
|
|
26
|
-
/**
|
|
27
|
-
* Basic
|
|
28
|
-
* @order 1
|
|
29
|
-
* @col 8
|
|
30
|
-
*/
|
|
31
|
-
declare const _default: () => JSX.Element;
|
|
32
|
-
export default _default;
|