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

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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
+/**
+ * Обычный пример использования SwitcherField.
+ * @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/SwitcherField/demo/basic.js

@@ -25,6 +25,11 @@ exports.__esModule = true;
 exports.items = void 0;
 var React = __importStar(require("react"));
 var SwitcherField_1 = __importDefault(require("../SwitcherField"));
+/**
+ * Обычный пример использования SwitcherField.
+ * @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(SwitcherField_1["default"], { label: 'Basic', items: exports.items }))); });

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

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

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

@@ -22,11 +22,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var SwitcherField_1 = __importDefault(require("../SwitcherField"));
 var React = __importStar(require("react"));
+var SwitcherField_1 = __importDefault(require("../SwitcherField"));
 var basic_1 = require("./basic");
 /**
- * Disabled
+ * Выключенный или недоступный для использования.
  * @order 2
  * @col 6
  */

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

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

package/ui/form/SwitcherField/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 SwitcherField_1 = __importDefault(require("../SwitcherField"));
 var React = __importStar(require("react"));
+var SwitcherField_1 = __importDefault(require("../SwitcherField"));
 var basic_1 = require("./basic");
 /**
- * Errors
+ * Обработка ошибок.
  * @order 4
  * @col 6
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(SwitcherField_1["default"], { label: 'Errors', items: basic_1.items, errors: ['Error 1 text', 'Error 2 text'] }))); });
+    React.createElement(SwitcherField_1["default"], { label: 'Errors', items: basic_1.items, errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });

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

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

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

@@ -22,11 +22,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var SwitcherField_1 = __importDefault(require("../SwitcherField"));
 var React = __importStar(require("react"));
+var SwitcherField_1 = __importDefault(require("../SwitcherField"));
 var basic_1 = require("./basic");
 /**
- * Required
+ * Как обязательное для заполнения.
  * @order 3
  * @col 6
  */

package/ui/form/TextField/TextField.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { KeyboardEventHandler } from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * TextField
@@ -35,16 +36,11 @@ export interface ITextFieldViewProps extends ITextFieldProps, IFieldWrapperOutpu
     inputProps: {
         name: string;
         onChange: (value: string | React.ChangeEvent) => void;
-        onKeyUp: (e: Event | React.KeyboardEvent) => void;
+        onKeyUp: KeyboardEventHandler<HTMLTextAreaElement>;
         value: string | number;
         placeholder: string;
         disabled: boolean;
     };
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ITextFieldProps>;
 export default _default;

package/ui/form/TextField/TextField.js

@@ -30,7 +30,7 @@ function TextField(props) {
             // TODO This is not worked in redux... =(
             // dispatch(submit(props.formId));
         }
-    }, [dispatch, props.formId, props.submitOnEnter]);
+    }, [props.formId, props.submitOnEnter]);
     var onChange = react_1.useCallback(function (e) { return props.input.onChange.call(null, e.target ? e.target.value : e.nativeEvent.text); }, [props.input.onChange]);
     var inputProps = react_1.useMemo(function () { return (__assign({ name: props.input.name, value: props.input.value || '', onChange: onChange,
         onKeyUp: onKeyUp, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [onKeyUp, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,3 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
-/**
- * Sizes
- * @order 6
- * @col 12
- */
 export default _default;

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

@@ -24,16 +24,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var TextField_1 = __importDefault(require("../TextField"));
+/**
+ * По-умлочанию TextField имеет 3 заданных размера.
+ * @order 7
+ * @col 12
+ */
 var sizes = {
     sm: 'Small',
     md: 'Middle',
     lg: 'Large'
 };
-/**
- * Sizes
- * @order 6
- * @col 12
- */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
     React.createElement("div", { className: 'row' }, Object.keys(sizes).map(function (size) { return (React.createElement("div", { className: 'col', key: size },
         React.createElement(TextField_1["default"], { label: sizes[size], size: size }))); })))); });

package/ui/form/TextField/demo/submit.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Submit on enter
- * @order 7
+ * Чтобы подтвердить используется нажатие клавиши Enter
+ * @order 6
  * @col 3
  */
 export default _default;

package/ui/form/TextField/demo/submit.js

@@ -25,8 +25,8 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var TextField_1 = __importDefault(require("../TextField"));
 /**
- * Submit on enter
- * @order 7
+ * Чтобы подтвердить используется нажатие клавиши Enter
+ * @order 6
  * @col 3
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,

package/ui/form/TimeField/TimeField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IDateInputStateInput, IDateInputStateOutput } from '../../form/DateField/useDateInputState';
 export interface ITimePanelViewProps extends Pick<ITimeFieldViewProps, 'value' | 'onClose' | 'onNow' | 'onSelect' | 'className'> {
     showHeader?: boolean;
@@ -41,10 +40,5 @@ export interface ITimeFieldProps extends IDateInputStateInput {
 export interface ITimeFieldViewProps extends IDateInputStateOutput, Pick<ITimeFieldProps, 'size' | 'errors' | 'showRemove' | 'noBorder' | 'className' | 'timePanelViewProps'> {
     [key: string]: any;
 }
-declare const _default: {
-    (props: import("../Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ITimeFieldProps>;
 export default _default;

package/ui/form/TimeField/TimeField.js

@@ -37,7 +37,7 @@ function TimeField(props) {
         onClose: onClose,
         isOpened: isOpened,
         inputProps: inputProps,
-        timePanelViewProps: timePanelViewProps, size: props.size, icon: props.icon, errors: props.errors, noBorder: props.noBorder, className: props.className, showRemove: props.showRemove }));
+        timePanelViewProps: timePanelViewProps, size: props.size, icon: props.icon, errors: props.errors, noBorder: props.noBorder, disabled: props.disabled, className: props.className, showRemove: props.showRemove }));
 }
 TimeField.defaultProps = {
     disabled: false,

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

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

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

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

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

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

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

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

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

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

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

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

package/ui/form/TimeField/demo/icon.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Кастомная иконка справа в инпуте для удаления значения
+ * @order 5
+ * @col 3
+ */
+export default _default;

package/ui/form/TimeField/demo/icon.js

@@ -0,0 +1,33 @@
+"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;
+var React = __importStar(require("react"));
+var TimeField_1 = __importDefault(require("../TimeField"));
+/**
+ * Кастомная иконка справа в инпуте для удаления значения
+ * @order 5
+ * @col 3
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(TimeField_1["default"], { icon: 'utensils' }))); });

package/ui/form/TimeField/demo/{no-border.d.ts → noBorder.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Without border
+ * Без рамок
  * @order 7
  * @col 3
  */

package/ui/form/TimeField/demo/{no-border.js → noBorder.js}

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var TimeField_1 = __importDefault(require("../TimeField"));
 /**
- * Without border
+ * Без рамок
  * @order 7
  * @col 3
  */

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

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

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

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

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

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

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

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

package/ui/form/TimeField/demo/showRemove.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * После выбора времени при наведении на иконку иконка меняется на кнопку для очищении значения.
+ * @order 8
+ * @col 3
+ */
+export default _default;

package/ui/form/TimeField/demo/{show-remove.js → showRemove.js}

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var TimeField_1 = __importDefault(require("../TimeField"));
 /**
- * Show remove
+ * После выбора времени при наведении на иконку иконка меняется на кнопку для очищении значения.
  * @order 8
  * @col 3
  */