@steroidsjs/core 2.1.0-beta.9 → 2.1.1

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
  */

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

@@ -26,7 +26,7 @@ var React = __importStar(require("react"));
 var RadioListField_1 = __importDefault(require("../RadioListField"));
 var basic_1 = require("./basic");
 /**
- * Required
+ * Как обязательное поле для заполнения.
  * @order 3
  * @col 6
  */

package/ui/form/RateField/RateField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * RateField
@@ -33,7 +32,7 @@ export interface IRateFieldProps extends IFieldWrapperInputProps {
      * Дополнительный CSS-класс для элемента отображения
      */
     className?: CssClassName;
-    inputProps: {
+    inputProps?: {
         [key: string]: any;
     };
 }
@@ -44,10 +43,5 @@ export interface IRateFieldViewProps extends IRateFieldProps, IFieldWrapperOutpu
     value: number;
     onItemClick: (item: IRateFieldItem) => void;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IRateFieldProps>;
 export default _default;

package/ui/form/RateField/demo/allow-clear.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Clear value with twice click on the last active star
+ * При двойном нажатии значение обнуляется.
  * @order 5
  * @col 6
  */

package/ui/form/RateField/demo/allow-clear.js

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var RateField_1 = __importDefault(require("../RateField"));
 /**
- * Clear value with twice click on the last active star
+ * При двойном нажатии значение обнуляется.
  * @order 5
  * @col 6
  */

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

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

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

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