@steroidsjs/core 2.1.0-beta.3 → 2.1.0-beta.30

package/ui/form/NavField/NavField.js

@@ -34,7 +34,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var react_1 = require("react");
 var Nav_1 = __importDefault(require("../../nav/Nav/Nav"));
 var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
 var hooks_1 = require("../../../hooks");
@@ -42,7 +41,11 @@ function NavField(props) {
     var items = hooks_1.useDataProvider({
         items: props.items
     }).items;
-    var onChange = react_1.useCallback(function (value) { return props.input.onChange(value); }, [props.input]);
-    return (React.createElement(Nav_1["default"], __assign({}, props.navProps, { items: items, activeTab: props.input.value, onChange: onChange })));
+    return (React.createElement(Nav_1["default"], __assign({}, props.navProps, { layout: props.navProps.layout, items: items, activeTab: props.input.value, onChange: props.onChange, disabled: props.disabled })));
 }
+NavField.defaultProps = {
+    navProps: {
+        layout: 'button'
+    }
+};
 exports["default"] = fieldWrapper_1["default"]('NavField', NavField);

package/ui/form/NavField/demo/basic.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
+/**
+ * Обычный пример использования
+ * @order 1
+ * @col 3
+ */
 export declare const items: {
     id: number;
     label: string;
 }[];
 declare const _default: () => JSX.Element;
-/**
- * Basic
- * @order 1
- * @col 8
- */
 export default _default;

package/ui/form/NavField/demo/basic.js

@@ -25,6 +25,11 @@ exports.__esModule = true;
 exports.items = void 0;
 var React = __importStar(require("react"));
 var NavField_1 = __importDefault(require("../NavField"));
+/**
+ * Обычный пример использования
+ * @order 1
+ * @col 3
+ */
 exports.items = [
     {
         id: 1,
@@ -43,10 +48,5 @@ exports.items = [
         label: 'Fourth'
     },
 ];
-/**
- * Basic
- * @order 1
- * @col 8
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+exports["default"] = (function () { return (React.createElement("div", { style: { display: 'flex' } },
     React.createElement(NavField_1["default"], { items: exports.items, label: 'Basic' }))); });

package/ui/form/NavField/demo/disabled.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Disabled
+ * Выключенный.
  * @order 2
- * @col 8
+ * @col 3
  */
 export default _default;

package/ui/form/NavField/demo/disabled.js

@@ -22,13 +22,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var NavField_1 = __importDefault(require("../NavField"));
 var React = __importStar(require("react"));
+var NavField_1 = __importDefault(require("../NavField"));
 var basic_1 = require("./basic");
 /**
- * Disabled
+ * Выключенный.
  * @order 2
- * @col 8
+ * @col 3
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
     React.createElement(NavField_1["default"], { items: basic_1.items, label: 'Disabled', disabled: true }))); });

package/ui/form/NavField/demo/errors.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Errors
+ * Обработка ошибок.
  * @order 4
- * @col 8
+ * @col 3
  */
 export default _default;

package/ui/form/NavField/demo/errors.js

@@ -22,13 +22,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var NavField_1 = __importDefault(require("../NavField"));
 var React = __importStar(require("react"));
+var NavField_1 = __importDefault(require("../NavField"));
 var basic_1 = require("./basic");
 /**
- * Errors
+ * Обработка ошибок.
  * @order 4
- * @col 8
+ * @col 3
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(NavField_1["default"], { items: basic_1.items, label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });
+    React.createElement(NavField_1["default"], { items: basic_1.items, label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });

package/ui/form/NavField/demo/layouts.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/**
+ * Демонстрация всех видов использования свойства layout
+ * @order 5
+ * @col 12
+ */
+export declare const items: {
+    id: number;
+    label: string;
+}[];
+declare const _default: () => JSX.Element;
+export default _default;

package/ui/form/NavField/demo/layouts.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.items = void 0;
+var React = __importStar(require("react"));
+var NavField_1 = __importDefault(require("../NavField"));
+/**
+ * Демонстрация всех видов использования свойства layout
+ * @order 5
+ * @col 12
+ */
+exports.items = [
+    {
+        id: 1,
+        label: 'First'
+    },
+    {
+        id: 2,
+        label: 'Second'
+    },
+    {
+        id: 3,
+        label: 'Third'
+    },
+    {
+        id: 4,
+        label: 'Fourth'
+    },
+];
+exports["default"] = (function () { return (React.createElement("div", { style: { display: 'flex', gridGap: '10px', alignItems: 'center' } },
+    React.createElement(NavField_1["default"], { navProps: { layout: 'button' }, items: exports.items }),
+    React.createElement(NavField_1["default"], { navProps: { layout: 'list' }, items: exports.items }),
+    React.createElement(NavField_1["default"], { navProps: { layout: 'link' }, items: exports.items }),
+    React.createElement(NavField_1["default"], { navProps: { layout: 'tabs' }, items: exports.items }),
+    React.createElement(NavField_1["default"], { navProps: { layout: 'navbar' }, items: exports.items }),
+    React.createElement(NavField_1["default"], { navProps: { layout: 'icon' }, items: exports.items }))); });

package/ui/form/NavField/demo/required.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Required
+ * Обязательный для заполнения.
  * @order 3
- * @col 8
+ * @col 3
  */
 export default _default;

package/ui/form/NavField/demo/required.js

@@ -22,13 +22,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var NavField_1 = __importDefault(require("../NavField"));
 var React = __importStar(require("react"));
+var NavField_1 = __importDefault(require("../NavField"));
 var basic_1 = require("./basic");
 /**
- * Required
+ * Обязательный для заполнения.
  * @order 3
- * @col 8
+ * @col 3
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
     React.createElement(NavField_1["default"], { items: basic_1.items, label: 'Required', required: true }))); });

package/ui/form/NumberField/NumberField.d.ts

@@ -36,10 +36,5 @@ export interface INumberFieldViewProps extends INumberFieldProps, IFieldWrapperO
         step: string | number;
     };
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<INumberFieldProps>;
 export default _default;

package/ui/form/NumberField/demo/basic.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Basic
+ * Обычный пример использования NumberField.
  * @order 1
  * @col 3
  */

package/ui/form/NumberField/demo/basic.js

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var NumberField_1 = __importDefault(require("../NumberField"));
 /**
- * Basic
+ * Обычный пример использования NumberField.
  * @order 1
  * @col 3
  */

package/ui/form/NumberField/demo/disabled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Disabled
+ * Выключенный или недоступный для использования.
  * @order 2
  * @col 3
  */

package/ui/form/NumberField/demo/disabled.js

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var NumberField_1 = __importDefault(require("../NumberField"));
 /**
- * Disabled
+ * Выключенный или недоступный для использования.
  * @order 2
  * @col 3
  */

package/ui/form/NumberField/demo/errors.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Errors
+ * Обработка ошибок.
  * @order 6
  * @col 4
  */

package/ui/form/NumberField/demo/errors.js

@@ -25,9 +25,9 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var NumberField_1 = __importDefault(require("../NumberField"));
 /**
- * Errors
+ * Обработка ошибок.
  * @order 6
  * @col 4
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(NumberField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });
+    React.createElement(NumberField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });

package/ui/form/NumberField/demo/placeholder.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Placeholder
+ * Сообщение пользователю для заполнения по контексту использования.
  * @order 4
  * @col 3
  */

package/ui/form/NumberField/demo/placeholder.js

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var NumberField_1 = __importDefault(require("../NumberField"));
 /**
- * Placeholder
+ * Сообщение пользователю для заполнения по контексту использования.
  * @order 4
  * @col 3
  */

package/ui/form/NumberField/demo/required.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Required
+ * Как обязательное поле для заполнения.
  * @order 3
  * @col 3
  */

package/ui/form/NumberField/demo/required.js

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var NumberField_1 = __importDefault(require("../NumberField"));
 /**
- * Required
+ * Как обязательное поле для заполнения.
  * @order 3
  * @col 3
  */

package/ui/form/NumberField/demo/sizes.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Sizes
+ * По-умлочанию NumberField имеет 3 заданных размера поля.
  * @order 5
- * @col 8
+ * @col 12
  */
 export default _default;

package/ui/form/NumberField/demo/sizes.js

@@ -30,9 +30,9 @@ var sizes = {
     lg: 'Large'
 };
 /**
- * Sizes
+ * По-умлочанию NumberField имеет 3 заданных размера поля.
  * @order 5
- * @col 8
+ * @col 12
  */
 exports["default"] = (function () { return (React.createElement("div", { className: 'row' }, Object.keys(sizes).map(function (size) { return (React.createElement("div", { className: 'col', key: size },
     React.createElement(NumberField_1["default"], { label: size, size: size }))); }))); });

package/ui/form/PasswordField/PasswordField.d.ts

@@ -30,10 +30,5 @@ export interface IPasswordFieldViewProps extends IPasswordFieldProps, IFieldWrap
     onHidePassword: () => void;
 }
 export declare const checkPassword: (password: any) => "success" | "warning" | "danger";
-declare const _default: {
-    (props: import("../Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IPasswordFieldProps>;
 export default _default;

package/ui/form/PasswordField/demo/basic.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Basic
+ * Обычный пример использования PasswordField.
  * @order 1
  * @col 3
  */

package/ui/form/PasswordField/demo/basic.js

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var PasswordField_1 = __importDefault(require("../PasswordField"));
 /**
- * Basic
+ * Обычный пример использования PasswordField.
  * @order 1
  * @col 3
  */

package/ui/form/PasswordField/demo/disabled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Disabled
+ * Выключенный или недоступный для использования.
  * @order 2
  * @col 3
  */

package/ui/form/PasswordField/demo/disabled.js

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var PasswordField_1 = __importDefault(require("../PasswordField"));
 /**
- * Disabled
+ * Выключенный или недоступный для использования.
  * @order 2
  * @col 3
  */

package/ui/form/PasswordField/demo/errors.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Errors
+ * Обработка ошибок.
  * @order 6
  * @col 4
  */

package/ui/form/PasswordField/demo/errors.js

@@ -25,9 +25,9 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var PasswordField_1 = __importDefault(require("../PasswordField"));
 /**
- * Errors
+ * Обработка ошибок.
  * @order 6
  * @col 4
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(PasswordField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });
+    React.createElement(PasswordField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });

package/ui/form/PasswordField/demo/placeholder.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Placeholder
+ * Сообщение пользователю для заполнения по контексту использования.
  * @order 4
  * @col 3
  */

package/ui/form/PasswordField/demo/placeholder.js

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var PasswordField_1 = __importDefault(require("../PasswordField"));
 /**
- * Placeholder
+ * Сообщение пользователю для заполнения по контексту использования.
  * @order 4
  * @col 3
  */

package/ui/form/PasswordField/demo/required.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Required
+ * Как обязательное поле для заполнения.
  * @order 3
  * @col 3
  */

package/ui/form/PasswordField/demo/required.js

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var PasswordField_1 = __importDefault(require("../PasswordField"));
 /**
- * Required
+ * Как обязательное поле для заполнения.
  * @order 3
  * @col 3
  */

package/ui/form/PasswordField/demo/security.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Security
+ * С кнопкой для просмотра содержания.
  * @order 7
  * @col 3
  */

package/ui/form/PasswordField/demo/security.js

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var PasswordField_1 = __importDefault(require("../PasswordField"));
 /**
- * Security
+ * С кнопкой для просмотра содержания.
  * @order 7
  * @col 3
  */

package/ui/form/PasswordField/demo/sizes.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Sizes
+ * По-умлочанию PasswordField имеет 3 заданных размера поля.
  * @order 5
- * @col 8
+ * @col 12
  */
 export default _default;

package/ui/form/PasswordField/demo/sizes.js

@@ -30,9 +30,9 @@ var sizes = {
     lg: 'Large'
 };
 /**
- * Sizes
+ * По-умлочанию PasswordField имеет 3 заданных размера поля.
  * @order 5
- * @col 8
+ * @col 12
  */
 exports["default"] = (function () { return (React.createElement("div", { className: 'row' }, Object.keys(sizes).map(function (size) { return (React.createElement("div", { className: 'col', key: size },
     React.createElement(PasswordField_1["default"], { label: size, size: size }))); }))); });

package/ui/form/RadioListField/RadioListField.d.ts

@@ -38,10 +38,5 @@ export interface IRadioListFieldViewProps extends IFieldWrapperOutputProps {
     selectedIds: (PrimaryKey | any)[];
     onItemSelect: (id: PrimaryKey | any) => void;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IRadioListFieldProps>;
 export default _default;

package/ui/form/RadioListField/demo/basic.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
+/**
+ * Обычный пример использования RadioListField.
+ * @order 1
+ * @col 6
+ */
 export declare const items: {
     id: number;
     label: string;
 }[];
 declare const _default: () => JSX.Element;
-/**
- * Basic
- * @order 1
- * @col 6
- */
 export default _default;

package/ui/form/RadioListField/demo/basic.js

@@ -25,6 +25,11 @@ exports.__esModule = true;
 exports.items = void 0;
 var React = __importStar(require("react"));
 var RadioListField_1 = __importDefault(require("../RadioListField"));
+/**
+ * Обычный пример использования RadioListField.
+ * @order 1
+ * @col 6
+ */
 exports.items = [
     {
         id: 1,
@@ -43,10 +48,5 @@ exports.items = [
         label: 'Fourth'
     },
 ];
-/**
- * Basic
- * @order 1
- * @col 6
- */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
     React.createElement(RadioListField_1["default"], { label: 'Basic', items: exports.items }))); });

package/ui/form/RadioListField/demo/disabled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Disabled
+ * Выключенный или недоступный для использования.
  * @order 2
  * @col 6
  */

package/ui/form/RadioListField/demo/disabled.js

@@ -26,7 +26,7 @@ var React = __importStar(require("react"));
 var RadioListField_1 = __importDefault(require("../RadioListField"));
 var basic_1 = require("./basic");
 /**
- * Disabled
+ * Выключенный или недоступный для использования.
  * @order 2
  * @col 6
  */

package/ui/form/RadioListField/demo/errors.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Errors
+ * Обработка ошибок.
  * @order 4
  * @col 6
  */

package/ui/form/RadioListField/demo/errors.js

@@ -26,9 +26,9 @@ var React = __importStar(require("react"));
 var RadioListField_1 = __importDefault(require("../RadioListField"));
 var basic_1 = require("./basic");
 /**
- * Errors
+ * Обработка ошибок.
  * @order 4
  * @col 6
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(RadioListField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], items: basic_1.items }))); });
+    React.createElement(RadioListField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true, items: basic_1.items }))); });

package/ui/form/RadioListField/demo/required.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Required
+ * Как обязательное поле для заполнения.
  * @order 3
  * @col 6
  */