@steroidsjs/core 3.0.0-beta.7 → 3.0.0-beta.71

package/ui/content/Menu/Menu.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { IDropDownProps } from '../DropDown/DropDown';
+export interface IMenuItem {
+    /**
+     * Заголовок элемента меню
+     */
+    label: string;
+    /**
+     * Функция вызываемая при клике
+     */
+    onClick: VoidFunction;
+    /**
+     * Кастомная иконка
+     */
+    icon?: string | React.ReactElement;
+    /**
+     * Нижний border
+     */
+    hasBorder?: boolean;
+}
+/**
+ * Menu
+ *
+ * Компонент-меню позволяет создавать выпадающие списки с элементами, которые могут быть выбраны
+ * или выполнить определенные действия при клике на них.
+ *
+ * Компонент `Menu` обычно используется для создания навигационных меню или контекстных меню,
+ * где пользователь может выбирать опции или выполнять определенные действия в зависимости от выбранного элемента.
+ *
+ * Компонент `Menu` принимает массив `items`, каждый элемент которого представляет собой отдельный пункт меню.
+ * Каждый пункт меню имеет заголовок `label`, функцию `onClick`, которая будет вызываться при клике на элемент,
+ * кастомную иконку `icon` (необязательно) и флаг `hasBorder`, определяющий наличие нижней границы у элемента.
+ *
+ * Примечание: Компонент `Menu` требует указания хотя бы одного элемента меню в свойстве `items`.
+ */
+export interface IMenuProps extends IUiComponent {
+    /**
+    *   Элементы меню
+    */
+    items: IMenuItem[];
+    /**
+    * Кастомная иконка, по клику на которую открывается меню
+    */
+    icon?: string | React.ReactElement;
+    /**
+     * Пропсы для DropDown
+     */
+    dropDownProps?: IDropDownProps;
+    /**
+     * Переопределение view React элемента меню для кастомизации отображения
+     */
+    itemView?: CustomView | any;
+}
+export type IMenuViewProps = IMenuProps;
+declare function Menu(props: IMenuProps): JSX.Element;
+export default Menu;

package/ui/content/Menu/Menu.js

@@ -0,0 +1,23 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var useComponents_1 = __importDefault(require("../../../hooks/useComponents"));
+function Menu(props) {
+    var components = (0, useComponents_1["default"])();
+    var MenuItemView = components.ui.getView(props.itemView || 'content.MenuItemView');
+    return components.ui.renderView(props.view || 'content.MenuView', __assign(__assign({}, props), { itemView: MenuItemView }));
+}
+exports["default"] = Menu;

package/ui/content/Menu/index.d.ts

@@ -0,0 +1,2 @@
+import Menu from './Menu';
+export default Menu;

package/ui/{list/LayoutNames/demo/basic.js → content/Menu/index.js}

@@ -3,10 +3,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var layout_1 = __importDefault(require("../../List/demo/layout"));
-/**
- * List with layout switcher
- * @order 1
- * @col 6
- */
-exports["default"] = layout_1["default"];
+var Menu_1 = __importDefault(require("./Menu"));
+exports["default"] = Menu_1["default"];

package/ui/content/Slider/Slider.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Options, SplideProps } from '@splidejs/react-splide';
+/**
+ * Slider
+ *
+ * Компонент слайдера позволяет создавать слайдшоу, где элементы могут быть пролистаны
+ * с помощью прокрутки или перетаскивания.
+ **/
+export interface ISliderProps extends IUiComponent, Omit<SplideProps, 'items'> {
+    /**
+     * Опции слайдера.
+     */
+    sliderOptions: Options;
+    /**
+     * Элементы слайдера.
+     */
+    items: Record<string, any>[];
+    /**
+     * Представление элемента слайдера.
+     */
+    itemView: CustomView | any;
+    /**
+     * Дополнительные свойства.
+     */
+    [key: string]: any;
+}
+export type ISliderViewProps = ISliderProps;
+export default function Slider(props: ISliderProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/ui/content/Slider/Slider.js

@@ -0,0 +1,19 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+exports.__esModule = true;
+var hooks_1 = require("../../../hooks");
+function Slider(props) {
+    var components = (0, hooks_1.useComponents)();
+    return components.ui.renderView(props.view || 'content.SliderView', __assign({}, props));
+}
+exports["default"] = Slider;

package/ui/content/Slider/index.d.ts

@@ -0,0 +1,2 @@
+import Slider from './Slider';
+export default Slider;

package/ui/content/Slider/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var Slider_1 = __importDefault(require("./Slider"));
+exports["default"] = Slider_1["default"];

package/ui/content/index.d.ts

@@ -4,4 +4,9 @@ import Card from './Card';
 import DropDown from './DropDown';
 import Alert from './Alert';
 import Badge from './Badge';
-export { Avatar, AvatarGroup, Accordion, AccordionItem, Alert, Card, DropDown, Badge, };
+import { Detail, DetailItem } from './Detail';
+import Icon from './Icon';
+import Menu from './Menu';
+import CopyToClipboard from './CopyToClipboard';
+import Slider from './Slider';
+export { Avatar, AvatarGroup, Accordion, AccordionItem, Alert, Card, DropDown, Badge, Detail, DetailItem, Icon, Menu, CopyToClipboard, Slider, };

package/ui/content/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.AccordionItem = exports.Accordion = exports.AvatarGroup = exports.Avatar = void 0;
+exports.Slider = exports.CopyToClipboard = exports.Menu = exports.Icon = exports.DetailItem = exports.Detail = exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.AccordionItem = exports.Accordion = exports.AvatarGroup = exports.Avatar = void 0;
 var Avatar_1 = require("./Avatar");
 exports.Avatar = Avatar_1.Avatar;
 exports.AvatarGroup = Avatar_1.AvatarGroup;
@@ -18,3 +18,14 @@ var Alert_1 = __importDefault(require("./Alert"));
 exports.Alert = Alert_1["default"];
 var Badge_1 = __importDefault(require("./Badge"));
 exports.Badge = Badge_1["default"];
+var Detail_1 = require("./Detail");
+exports.Detail = Detail_1.Detail;
+exports.DetailItem = Detail_1.DetailItem;
+var Icon_1 = __importDefault(require("./Icon"));
+exports.Icon = Icon_1["default"];
+var Menu_1 = __importDefault(require("./Menu"));
+exports.Menu = Menu_1["default"];
+var CopyToClipboard_1 = __importDefault(require("./CopyToClipboard"));
+exports.CopyToClipboard = CopyToClipboard_1["default"];
+var Slider_1 = __importDefault(require("./Slider"));
+exports.Slider = Slider_1["default"];

package/ui/crud/Crud/Crud.d.ts

@@ -2,22 +2,58 @@ import * as React from 'react';
 import { ReactNode } from 'react';
 import { IApiRest } from '../../../components/ApiComponent';
 import { IComponents } from '../../../providers/ComponentsProvider';
-import { IComponentsHocOutput } from '../../../hoc/components';
-import { IConnectHocOutput } from '../../../hoc/connect';
 import { IFormProps } from '../../form/Form/Form';
 import { IGridProps } from '../../list/Grid/Grid';
 import { IControlItem } from '../../nav/Controls/Controls';
 export interface ICrudItem extends Omit<IControlItem, 'visible' | 'confirm' | 'onClick'> {
+    /**
+    * Заголовок
+    * @example 'Title'
+    */
     title?: string;
+    /**
+    * Название для action
+    * @example
+    */
     actionName?: string;
+    /**
+    * Обязателен ли Personal Key
+    * @example true
+    */
     pkRequired?: boolean;
+    /**
+    * Режим отображения
+    * @example 'modal'
+    */
     mode?: 'page' | 'modal';
+    /**
+    * Компонент
+    */
     component?: any;
+    /**
+    * Свойства компонента
+    */
     componentProps?: any;
+    /**
+    * Коллекция Controls
+    */
     controlsInclude?: string[];
+    /**
+    * Коллекция исключенных Controls
+    */
     controlsExclude?: string[];
+    /**
+    * Управление отображением
+    * @example true
+    */
     visible?: boolean | ((item: any, crudItem: ICrudItem, isGrid: boolean) => boolean);
+    /**
+    * Сообщение о подтверждении
+    */
     confirm?: string | ((e: any, props: ICrudClickProps) => any);
+    /**
+    * Функция обратного вызова, срабатывает после нажатия
+    */
     onClick?: (e: Event | React.MouseEvent, props: ICrudClickProps) => any;
 }
 export interface ICrudClickProps {
@@ -36,31 +72,100 @@ export interface ICrudClickProps {
     goToAction: (nextAction: string) => any;
     errorHandler?: (error: any, dispatch: any) => void;
 }
+/**
+ * Crud
+ *
+ * Компонент CRUD (Create, Read, Update, Delete) предоставляет интерфейс для выполнения операций создания,
+ * чтения, обновления и удаления записей. Он позволяет создавать, просматривать, редактировать и удалять
+ * записи из некоторой модели данных.
+ */
 export interface ICrudProps {
+    /**
+    * Id для Crud
+    */
     crudId?: string;
+    /**
+    * Режим работы Crud
+    */
     mode?: 'page' | 'modal';
+    /**
+    * Ссылка на rest
+    */
     restUrl?: string;
+    /**
+    * Методы rest api
+    * @example {}
+    */
     restApi?: IApiRest;
+    /**
+    * Первичный ключ
+    */
     primaryKey?: 'id' | string;
+    /**
+    * Ключ запроса
+    * @example {}
+    */
     queryKey?: 'id' | string;
+    /**
+    * Модель
+    * @example {}
+    */
     model?: string;
+    /**
+    * Модель используемая для поиска
+    */
     searchModel?: string;
+    /**
+    * Параметры для колонки index
+    */
     index?: boolean | ICrudItem;
+    /**
+    * Параметры для колонки create
+    */
     create?: boolean | ICrudItem;
+    /**
+    * Параметры для колонки update
+    */
     update?: boolean | ICrudItem;
+    /**
+    * Представление
+    */
     view?: boolean | ICrudItem;
+    /**
+    * Параметры для колонки delete
+    */
     delete?: boolean | ICrudItem;
+    /**
+    * Коллекция элементов
+    */
     items?: ICrudItem[] | {
         [key: string]: ICrudItem;
     };
+    /**
+    * Параметры Grid
+    */
     grid?: IGridProps | React.ReactNode;
+    /**
+    * Параметры формы
+    */
     form?: IFormProps | React.ReactNode;
+    /**
+    * Параметры для колонки detail
+    */
     detail?: any;
+    /**
+    * Представление для Crud
+    */
     crudView?: CustomView;
+    /**
+    * Функция-обработчик ошибок
+    * @param error - ошибка
+    * @param dispatch - диспатч
+    */
     errorHandler?: (error: any, dispatch: any) => void;
     [key: string]: any;
 }
-export interface ICrudChildrenProps extends ICrudProps, IConnectHocOutput, IComponentsHocOutput {
+export interface ICrudChildrenProps extends ICrudProps {
     item?: any;
     recordId?: PrimaryKey;
     action?: string;

package/ui/crud/index.d.ts

@@ -28,7 +28,6 @@ export declare const generateCrud: (routeId: string, props: ICrudGeneratorProps)
     enums: string | string[];
     role?: string;
     roles?: string[];
-    fetch?: import("../../hoc/fetch").IFetchHocConfigFunc;
     items?: IRouteItem[] | {
         [key: string]: IRouteItem;
     };

package/ui/form/AutoCompleteField/AutoCompleteField.d.ts

@@ -1,21 +1,41 @@
 import * as React from 'react';
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';
-import { IInputFieldProps } from '../InputField/InputField';
+import { IBaseFieldProps } from '../InputField/InputField';
+export interface IAutoCompleteItem {
+    id: number | string | boolean;
+    label?: string;
+    additional?: {
+        icon: string;
+        text: string;
+    };
+    category?: string;
+    [key: string]: unknown;
+}
 /**
- * AutoComplete
- * Поле ввода текста с подсказками (auto-complete)
+ * AutoCompleteField
+ *
+ * Поле ввода текста с подсказками (auto-complete). Он позволяет пользователю вводить текст и предлагает
+ * варианты автозаполнения на основе предоставленных данных.
+ *
+ * Компонент `AutoCompleteField` принимает следующие свойства:
+ *
+ * - `searchOnFocus`: при фокусировке на поле ввода будет запускаться поиск (тип: boolean)
+ * - все остальные свойства являются наследниками интерфейсов `IBaseFieldProps`, `IDataProviderConfig` и `IDataSelectConfig`
+ *
+ * Примечание: Компонент `AutoCompleteField` требует указания списка элементов (`items`) и предоставления
+ * конфигурации для провайдера данных (`dataProvider`) и выборки данных (`autoComplete` и `autoFetch`).
  */
-export interface IAutoCompleteFieldProps extends IInputFieldProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'> {
+export interface IAutoCompleteFieldProps extends IBaseFieldProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'> {
     /**
      * При фокусировке на поле ввода будет запускаться поиск
      * @example true
      */
     searchOnFocus?: boolean;
-    [key: string]: any;
 }
 export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProps, 'items'> {
-    items: Record<string, unknown>[];
+    items: IAutoCompleteItem[];
+    categories: string[];
     hoveredId: PrimaryKey | any;
     selectedIds: (PrimaryKey | any)[];
     forwardedRef: any;

package/ui/form/AutoCompleteField/AutoCompleteField.js

@@ -19,6 +19,17 @@ var react_use_1 = require("react-use");
 var useComponents_1 = __importDefault(require("../../../hooks/useComponents"));
 var fieldWrapper_1 = __importDefault(require("../../../ui/form/Field/fieldWrapper"));
 var hooks_1 = require("../../../hooks");
+var getCategories = function (items) {
+    if (!items) {
+        return [];
+    }
+    return items.reduce(function (allCategories, item) {
+        if (item.category && !allCategories.includes(item.category)) {
+            allCategories.push(item.category);
+        }
+        return allCategories;
+    }, []);
+};
 function AutoCompleteField(props) {
     var components = (0, useComponents_1["default"])();
     // Query state
@@ -81,12 +92,15 @@ function AutoCompleteField(props) {
             props.inputProps.onBlur(e);
         }
     }, [onClose, props.inputProps, props.isOpened]);
-    var inputProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.inputProps), { type: 'text', name: props.input.name, value: props.input.value || '', placeholder: props.placeholder, disabled: props.disabled, onChange: onChange, onBlur: onBlur })); }, [onBlur, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);
+    var inputProps = (0, react_1.useMemo)(function () {
+        var _a;
+        return (__assign(__assign({}, props.inputProps), { type: 'text', name: props.input.name, defaultValue: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', placeholder: props.placeholder, disabled: props.disabled, onChange: onChange, onBlur: onBlur }));
+    }, [onBlur, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);
     //Sync with form
     (0, react_1.useEffect)(function () {
         props.input.onChange.call(null, selectedIds[0] || null);
     }, [props.input.onChange, selectedIds]);
-    return components.ui.renderView(props.view || 'form.AutoCompleteFieldView', __assign(__assign({}, props), { inputProps: inputProps, items: items, isLoading: isLoading, hoveredId: hoveredId, selectedIds: selectedIds, onOpen: onOpen, isOpened: isOpened, onClose: onClose, forwardedRef: forwardedRef, onItemHover: onItemHover, onItemSelect: onItemSelect }));
+    return components.ui.renderView(props.view || 'form.AutoCompleteFieldView', __assign(__assign({}, props), { inputProps: inputProps, items: items, isLoading: isLoading, hoveredId: hoveredId, selectedIds: selectedIds, onOpen: onOpen, isOpened: isOpened, onClose: onClose, forwardedRef: forwardedRef, onItemHover: onItemHover, onItemSelect: onItemSelect, categories: getCategories(props.items) }));
 }
 AutoCompleteField.defaultProps = {
     primaryKey: 'label',
@@ -94,6 +108,6 @@ AutoCompleteField.defaultProps = {
     multiple: false,
     disabled: false,
     required: false,
-    className: ''
+    size: 'md'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('AutoCompleteField', AutoCompleteField);

package/ui/form/BlankField/BlankField.d.ts

@@ -1,7 +1,25 @@
 import * as React from 'react';
 import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
-export interface IBlankFieldProps extends IFieldWrapperInputProps {
+/**
+ * BlankField
+ *
+ * Пустое поле. Он отображает переданный текст или дочерние элементы.
+ *
+ * Компонент `BlankField` принимает следующие свойства:
+ *
+ * - `text`: текст для отображения (тип: string | React.ReactNode)
+ * - `children`: дочерние элементы (тип: React.ReactNode)
+ * - все остальные свойства являются наследниками интерфейсов `IFieldWrapperInputProps` и `IUiComponent`
+ */
+export interface IBlankFieldProps extends IFieldWrapperInputProps, IUiComponent {
+    /**
+    * Текст для отображения
+    * @example 'Hello World!'
+    */
     text?: string | React.ReactNode;
+    /**
+     * Дочерние элементы
+     */
     children?: React.ReactNode;
 }
 declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IBlankFieldProps>;

package/ui/form/Button/Button.d.ts

@@ -1,8 +1,24 @@
 import * as React from 'react';
-interface IButtonBadge {
+export interface IButtonBadge {
+    /**
+    * Включить/выключить badge
+    * @example true
+    */
     enable?: boolean;
+    /**
+    * Значение badge
+    * @example 'Badge'
+    */
     value?: number;
+    /**
+    * Цвет
+    * @example 'secondary'
+    */
     color?: ColorName;
+    /**
+    * Дополнительный CSS-класс для элемента отображения
+    * @example bem.element('additional-class')
+    */
     className?: CssClassName;
 }
 /**
@@ -10,7 +26,7 @@ interface IButtonBadge {
  * Кнопка или ссылка. Используется в интерфейсе для выполнения какого-либо действия по клику (onClick),
  * смена страницы в рамках роутинга (goToRoute), переход по внешней ссылке (url) или отправки формы (submit form)
  */
-export interface IButtonProps {
+export interface IButtonProps extends IUiComponent {
     /**
      * Текст кнопки или ссылки
      * @example Save
@@ -71,7 +87,7 @@ export interface IButtonProps {
     target?: string;
     /**
      * Ссылка на внешнюю страницу, используется совместно с свойством `link`
-     * @example https://ya.ru
+     * @example https://kozhindev.com
      */
     url?: string;
     /**
@@ -96,20 +112,6 @@ export interface IButtonProps {
      * @example true
      */
     block?: boolean;
-    /**
-     * Объект CSS стилей
-     * @example {width: '45%'}
-     */
-    style?: any;
-    /**
-     * Дополнительный CSS-класс для кнопки или ссылки
-     */
-    className?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: React.ComponentType;
     /**
      * Вложенные элементы
      */
@@ -125,14 +127,6 @@ export interface IButtonProps {
      * @example {userId: 52}
      */
     toRouteParams?: Record<string, unknown>;
-    /**
-     * Выбор макета для распложения кнопки в форме. Если кнопка находится внутри `<Form>...</Form>`, то `layout` будет
-     * взят из контекста формы и автоматически применен при отораженн. Для его отключения укажите `false`.
-     * Данное свойство так же может принимать объект, если нужно прокинуть дополнительные свойства в шаблон макета.
-     * Пример: `{layout: 'horizontal', cols: [2,6]}`
-     * @example horizontal
-     */
-    layout?: FormLayout;
     /**
      * ID формы, для которой кнопка выполняет submit. При указании ID формы кнопка будет показывать состояние загрузки
      * при отправке формы.
@@ -161,7 +155,6 @@ export interface IButtonViewProps extends IButtonProps {
     badge?: IButtonBadge;
     url?: string;
     formId?: string;
-    layout?: string;
     disabled?: boolean;
     onClick?: any;
     submitting?: boolean;

package/ui/form/Button/Button.js

@@ -33,19 +33,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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_redux_1 = require("react-redux");
 var react_1 = require("react");
-var FieldLayout_1 = __importDefault(require("../FieldLayout"));
 var router_1 = require("../../../actions/router");
 var router_2 = require("../../../reducers/router");
 var hooks_1 = require("../../../hooks");
 var Form_1 = require("../Form/Form");
-var form_1 = require("../../../utils/form");
 function Button(props) {
     var components = (0, hooks_1.useComponents)();
     var dispatch = (0, react_redux_1.useDispatch)();
@@ -71,7 +66,6 @@ function Button(props) {
     }
     var disabled = submitting || props.disabled;
     var tag = props.tag || (props.link || url ? 'a' : 'button');
-    var layout = (0, react_1.useMemo)(function () { return (0, form_1.mergeLayoutProp)(context.layout, props.layout); }, [context.layout, props.layout]);
     var failedTimer = (0, react_1.useRef)(null);
     var onClick = (0, react_1.useCallback)(function (e) {
         e.stopPropagation();
@@ -126,10 +120,7 @@ function Button(props) {
             }
         }
     }, [dispatch, props, tag]);
-    var button = components.ui.renderView(props.view || 'form.ButtonView', __assign(__assign({}, props), { badge: badge, layout: layout, isFailed: isFailed, isLoading: isLoading, disabled: disabled, submitting: submitting, tag: tag, formId: (context === null || context === void 0 ? void 0 : context.formId) || null, url: url || (tag === 'a' ? '#' : null), onClick: !disabled ? onClick : undefined, children: props.label || props.children }));
-    if (layout) {
-        return (React.createElement(FieldLayout_1["default"], { layout: layout }, button));
-    }
+    var button = components.ui.renderView(props.view || 'form.ButtonView', __assign(__assign({}, props), { badge: badge, isFailed: isFailed, isLoading: isLoading, disabled: disabled, submitting: submitting, tag: tag, formId: (context === null || context === void 0 ? void 0 : context.formId) || null, url: url || (tag === 'a' ? '#' : null), onClick: !disabled ? onClick : undefined, children: props.label || props.children }));
     return button;
 }
 Button.defaultProps = {

package/ui/form/CheckboxField/CheckboxField.d.ts

@@ -2,23 +2,20 @@ import * as React from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * CheckboxField
+ *
  * Одиночный чекбокс. Используется в формах для отметки булевого значения.
  */
-export interface ICheckboxFieldProps extends IFieldWrapperInputProps {
+export interface ICheckboxFieldProps extends IFieldWrapperInputProps, IUiComponent {
     /**
-     * Свойства для элемента \<input /\>
+     * Свойства для элемента input
      * @example {onKeyDown: ...}
      */
     inputProps?: any;
     /**
-     * Дополнительный CSS-класс для элемента \<input /\>
+     * Флаг определяющий включен ли элемент
+     * @example true
      */
-    className?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
+    checked?: boolean;
     [key: string]: any;
 }
 export interface ICheckboxFieldViewProps extends ICheckboxFieldProps, IFieldWrapperOutputProps {