@steroidsjs/core 3.0.0-beta.4 → 3.0.0-beta.40

package/ui/form/ReCaptchaField/ReCaptchaField.js

@@ -17,7 +17,7 @@ exports.__esModule = true;
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 function ReCaptchaField(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     return components.ui.renderView(props.view || 'form.ReCaptchaFieldView', __assign({}, props));
 }
-exports["default"] = fieldWrapper_1["default"]('ReCaptchaField', ReCaptchaField);
+exports["default"] = (0, fieldWrapper_1["default"])('ReCaptchaField', ReCaptchaField);

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

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

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -33,7 +37,7 @@ var ReCaptchaField_1 = __importDefault(require("../ReCaptchaField"));
  * @col 4
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Form_1["default"], { formId: 'CaptchaForm', layout: false },
+    React.createElement(Form_1["default"], { formId: 'CaptchaForm' },
         React.createElement(InputField_1["default"], { label: 'Label', attribute: 'text', required: true }),
         React.createElement(ReCaptchaField_1["default"], { attribute: 'token' }),
         React.createElement(Button_1["default"], { type: 'submit', label: 'Submit' })))); });

package/ui/form/SliderField/SliderField.js

@@ -18,10 +18,10 @@ var toInteger_1 = __importDefault(require("lodash-es/toInteger"));
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
-var normalizeValue = function (value) { return toInteger_1["default"](String(value).replace(/[0-9]g/, '')) || 0; };
+var normalizeValue = function (value) { return (0, toInteger_1["default"])(String(value).replace(/[0-9]g/, '')) || 0; };
 function SliderField(props) {
-    var components = hooks_1.useComponents();
-    var sliderProps = react_1.useMemo(function () { return ({
+    var components = (0, hooks_1.useComponents)();
+    var sliderProps = (0, react_1.useMemo)(function () { return ({
         min: props.min,
         max: props.max,
         step: props.step,
@@ -51,4 +51,4 @@ SliderField.defaultProps = {
     sliderDefaultValue: 5,
     rangeDefaultValue: [0, 10]
 };
-exports["default"] = fieldWrapper_1["default"]('SliderField', SliderField);
+exports["default"] = (0, fieldWrapper_1["default"])('SliderField', SliderField);

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

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

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

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

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

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

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -30,4 +34,4 @@ var SliderField_1 = __importDefault(require("../SliderField"));
  * @col 4
  */
 exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px 10px' } },
-    React.createElement(SliderField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });
+    React.createElement(SliderField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });

package/ui/form/SliderField/demo/marks.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/ui/form/SliderField/demo/min-max.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Установлены рамки минамльного и максимального значения.
  * @order 4
  * @col 4
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/SliderField/demo/min-max.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/ui/form/SliderField/demo/onAfterChange.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Использования свойства onAfterChange для изминения значения счетчика после отпускания tip'а у слайдера.
  * @order 9
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/SliderField/demo/onAfterChange.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/ui/form/SliderField/demo/onChange.d.ts

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

package/ui/form/SliderField/demo/onChange.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/ui/form/SliderField/demo/range.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Обычный пример использования с заданным свойством isRange={true}, для задания промежутка значений.
  * @order 7
  * @col 4
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/SliderField/demo/range.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -1,33 +1,39 @@
+import * as React from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';
+export interface ISwitcherItem {
+    id: number | string | boolean;
+    label?: string | {
+        checked: string;
+        unchecked: string;
+    };
+    [key: string]: any;
+}
 /**
  * SwitcherField
  * Список с кнопками. Используется для выбора одного значения.
  */
-export interface ISwitcherFieldProps extends IFieldWrapperInputProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'> {
-    /**
-     * Дополнительный CSS-класс для элемента отображения
-     */
-    className?: CssClassName;
+export interface ISwitcherFieldProps extends IFieldWrapperInputProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'>, IUiComponent {
     /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    /**
-     * Свойства для компонента Button
-     */
-    buttonProps?: any;
-    [key: string]: any;
+    * Свойства для элемента \<input /\>
+    * @example {onKeyDown: ...}
+    */
+    inputProps?: any;
 }
 export interface ISwitcherFieldViewProps extends IFieldWrapperOutputProps, Omit<ISwitcherFieldProps, 'items'> {
-    items: Record<string, unknown>[];
+    items: ISwitcherItem[];
     hoveredId: PrimaryKey | any;
     selectedIds: (PrimaryKey | any)[];
     onItemSelect: (id: PrimaryKey | any) => void;
     onItemHover: (id: PrimaryKey | any) => void;
     buttonProps?: any;
+    inputProps: {
+        name: string;
+        type: string;
+        disabled?: boolean;
+        onChange: (value: string | React.ChangeEvent) => void;
+    };
 }
 declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ISwitcherFieldProps>;
 export default _default;

package/ui/form/SwitcherField/SwitcherField.js

@@ -10,54 +10,77 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 react_1 = require("react");
 var react_use_1 = require("react-use");
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var hooks_1 = require("../../../hooks");
 function SwitcherField(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     // Data Provider
-    var items = hooks_1.useDataProvider({
+    var items = (0, hooks_1.useDataProvider)({
         items: props.items
     }).items;
     // Data select
-    var _a = hooks_1.useDataSelect({
+    var _a = (0, hooks_1.useDataSelect)({
         selectFirst: props.selectFirst,
         selectedIds: props.selectedIds,
         primaryKey: props.primaryKey,
         items: items,
-        inputValue: props.input.value
+        inputValue: props.input.value,
+        multiple: props.multiple
     }), hoveredId = _a.hoveredId, setHoveredId = _a.setHoveredId, selectedIds = _a.selectedIds, setSelectedIds = _a.setSelectedIds;
-    var onItemHover = react_1.useCallback(function (id) {
+    var onItemHover = (0, react_1.useCallback)(function (id) {
         setHoveredId(id);
     }, [setHoveredId]);
-    var onItemSelect = react_1.useCallback(function (id) {
+    var onItemSelect = (0, react_1.useCallback)(function (id) {
         setSelectedIds(id);
     }, [setSelectedIds]);
+    var inputProps = React.useMemo(function () { return (__assign(__assign({}, props.inputProps), { type: 'checkbox', name: props.input.name, disabled: props.disabled })); }, [props.disabled, props.input.name, props.inputProps]);
     // Sync with form
-    var prevSelectedIds = react_use_1.usePrevious(selectedIds);
-    react_1.useEffect(function () {
+    var prevSelectedIds = (0, react_use_1.usePrevious)(selectedIds);
+    (0, react_1.useEffect)(function () {
         var _a;
-        if (!isEqual_1["default"](prevSelectedIds, selectedIds)) {
+        if (!(0, isEqual_1["default"])(prevSelectedIds, selectedIds)) {
             props.input.onChange.call(null, (_a = selectedIds[0]) !== null && _a !== void 0 ? _a : null);
         }
     }, [selectedIds, props.input.onChange, prevSelectedIds]);
-    return components.ui.renderView(props.view || 'form.SwitcherFieldView', __assign(__assign({}, props), { items: items,
-        hoveredId: hoveredId,
-        selectedIds: selectedIds,
-        onItemHover: onItemHover,
-        onItemSelect: onItemSelect }));
+    return components.ui.renderView(props.view || 'form.SwitcherFieldView', __assign(__assign({}, props), { items: items, inputProps: inputProps, hoveredId: hoveredId, selectedIds: selectedIds, onItemHover: onItemHover, onItemSelect: onItemSelect }));
 }
 SwitcherField.defaultProps = {
     primaryKey: 'id',
     disabled: false,
     required: false,
     className: '',
-    errors: null
+    errors: null,
+    size: 'md'
 };
-exports["default"] = fieldWrapper_1["default"]('SwitcherField', SwitcherField);
+exports["default"] = (0, fieldWrapper_1["default"])('SwitcherField', SwitcherField);

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

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

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

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

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -31,4 +35,4 @@ var basic_1 = require("./basic");
  * @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'], layout: true }))); });
+    React.createElement(SwitcherField_1["default"], { label: 'Errors', items: basic_1.items, errors: ['Error 1 text', 'Error 2 text'] }))); });

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

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

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -1,46 +1,27 @@
-import * as React from 'react';
-import { KeyboardEventHandler } from 'react';
-import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
+import { ChangeEvent, KeyboardEventHandler } from 'react';
+import { IFieldWrapperOutputProps } from '../Field/fieldWrapper';
+import { IBaseFieldProps } from '../InputField/InputField';
 /**
  * TextField
  * Поле для ввода нескольких строк теста
  */
-export interface ITextFieldProps extends IFieldWrapperInputProps {
-    /**
-     * Placeholder подсказка
-     * @example Your text...
-     */
-    placeholder?: string;
+export interface ITextFieldProps extends IBaseFieldProps {
     /**
      * Отправлять форму при нажатии на кнопку `enter`
      * @example true
      */
     submitOnEnter?: boolean;
-    /**
-     * Свойства для элемента \<input /\>
-     * @example {onKeyDown: ...}
-     */
-    inputProps?: any;
-    /**
-     * Дополнительный CSS-класс для тега \<textarea\>
-     */
-    className?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    [key: string]: any;
 }
 export interface ITextFieldViewProps extends ITextFieldProps, IFieldWrapperOutputProps {
     inputProps: {
         name: string;
-        onChange: (value: string | React.ChangeEvent) => void;
+        onChange: (value: string | ChangeEvent) => void;
         onKeyUp: KeyboardEventHandler<HTMLTextAreaElement>;
         value: string | number;
         placeholder: string;
         disabled: boolean;
     };
+    onClear: VoidFunction;
 }
 declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ITextFieldProps>;
 export default _default;

package/ui/form/TextField/TextField.js

@@ -15,13 +15,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var react_1 = require("react");
-var react_redux_1 = require("react-redux");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 function TextField(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var components = hooks_1.useComponents();
-    var onKeyUp = react_1.useCallback(function (e) {
+    // const dispatch = useDispatch();
+    var components = (0, hooks_1.useComponents)();
+    var onKeyUp = (0, react_1.useCallback)(function (e) {
         if (props.submitOnEnter
             && props.formId
             && e.keyCode === 13
@@ -31,17 +30,14 @@ function TextField(props) {
             // dispatch(submit(props.formId));
         }
     }, [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]);
-    return components.ui.renderView(props.view || 'form.TextFieldView', __assign(__assign({}, props), { inputProps: inputProps }));
+    var onChange = (0, react_1.useCallback)(function (e) { return props.input.onChange.call(null, e.target ? e.target.value : e.nativeEvent.text); }, [props.input.onChange]);
+    var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
+    var inputProps = (0, 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]);
+    return components.ui.renderView(props.view || 'form.TextFieldView', __assign(__assign({}, props), { inputProps: inputProps, onClear: onClear }));
 }
 TextField.defaultProps = {
     disabled: false,
     required: false,
-    className: '',
-    placeholder: '',
-    submitOnEnter: false,
-    errors: null
+    submitOnEnter: false
 };
-exports["default"] = fieldWrapper_1["default"]('TextField', TextField);
+exports["default"] = (0, fieldWrapper_1["default"])('TextField', TextField);

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

@@ -26,7 +26,7 @@ export interface ITimeFieldProps extends IDateInputStateInput {
      * Объект CSS стилей
      * @example {width: '45%'}
      */
-    style?: any;
+    style?: CustomStyle;
     /**
      * Свойства для view компонента
      */