@steroidsjs/core 3.0.0-beta.99 → 3.0.1

package/ui/content/Chat/utils/index.d.ts

@@ -1,3 +1,5 @@
-import { getMessagesGroupedByDate } from './getMessagesGroupedByDate';
+import { getMessagesGroupedByDate, isWithinTimeThreshold } from './getMessagesGroupedByDate';
+import { addNewMessageIntoGroupedMessages } from './addNewMessageIntoGroupedMessages';
 import { calculateMessageTimeAgo } from './calculateMessageTimeAgo';
-export { getMessagesGroupedByDate, calculateMessageTimeAgo, };
+import { isTodayMessage } from './isTodayMessage';
+export { getMessagesGroupedByDate, isWithinTimeThreshold, addNewMessageIntoGroupedMessages, calculateMessageTimeAgo, isTodayMessage, };

package/ui/content/Chat/utils/index.js

@@ -1,7 +1,12 @@
 "use strict";
 exports.__esModule = true;
-exports.calculateMessageTimeAgo = exports.getMessagesGroupedByDate = void 0;
+exports.isTodayMessage = exports.calculateMessageTimeAgo = exports.addNewMessageIntoGroupedMessages = exports.isWithinTimeThreshold = exports.getMessagesGroupedByDate = void 0;
 var getMessagesGroupedByDate_1 = require("./getMessagesGroupedByDate");
 exports.getMessagesGroupedByDate = getMessagesGroupedByDate_1.getMessagesGroupedByDate;
+exports.isWithinTimeThreshold = getMessagesGroupedByDate_1.isWithinTimeThreshold;
+var addNewMessageIntoGroupedMessages_1 = require("./addNewMessageIntoGroupedMessages");
+exports.addNewMessageIntoGroupedMessages = addNewMessageIntoGroupedMessages_1.addNewMessageIntoGroupedMessages;
 var calculateMessageTimeAgo_1 = require("./calculateMessageTimeAgo");
 exports.calculateMessageTimeAgo = calculateMessageTimeAgo_1.calculateMessageTimeAgo;
+var isTodayMessage_1 = require("./isTodayMessage");
+exports.isTodayMessage = isTodayMessage_1.isTodayMessage;

package/ui/content/Chat/utils/isTodayMessage.d.ts

@@ -0,0 +1 @@
+export declare const isTodayMessage: (timestamp: string | Date) => boolean;

package/ui/content/Chat/utils/isTodayMessage.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.isTodayMessage = void 0;
+var dayjs_1 = __importDefault(require("dayjs"));
+var isTodayMessage = function (timestamp) {
+    var messageDate = (0, dayjs_1["default"])(timestamp);
+    var currentDate = (0, dayjs_1["default"])();
+    return currentDate.isSame(messageDate, 'day') || currentDate.isAfter(messageDate);
+};
+exports.isTodayMessage = isTodayMessage;

package/ui/content/CopyToClipboard/CopyToClipboard.d.ts

@@ -33,9 +33,9 @@ export interface ICopyToClipboardProps extends IUiComponent {
     *   message: 'Some value has been copied to buffer',
     *   level: 'info',
     *   params: {
-    *   position: 'top-left',
-    *   timeOut: 100,
-    *  }
+    *     position: 'top-left',
+    *     timeOut: 100,
+    *   }
     * }
     */
     notification?: string | {

package/ui/content/CopyToClipboard/CopyToClipboard.js

@@ -1,15 +1,4 @@
 "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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -87,7 +76,16 @@ function CopyToClipboard(props) {
             }
         });
     }); }, [dispatch, isCopied, notification, props]);
-    return components.ui.renderView(props.view || 'content.CopyToClipboardView', __assign(__assign({}, props), { onClick: onClick }));
+    var viewProps = (0, react_1.useMemo)(function () { return ({
+        disabled: props.disabled,
+        showCopyIcon: props.showCopyIcon,
+        icon: props.icon,
+        children: props.children,
+        className: props.className,
+        style: props.style,
+        onClick: onClick
+    }); }, [onClick, props.children, props.className, props.disabled, props.icon, props.showCopyIcon, props.style]);
+    return components.ui.renderView(props.view || 'content.CopyToClipboardView', viewProps);
 }
 CopyToClipboard.defaultProps = {
     showCopyIcon: true

package/ui/content/Dashboard/Dashboard.d.ts

@@ -5,6 +5,10 @@ export interface IDashboardItem extends IFlexGridItem {
     * Заголовок для элемента
     */
     title?: string;
+    /**
+     * Иконка, которая отобразится слева от заголовка
+     */
+    iconName?: string;
 }
 /**
  * Dashboard
@@ -21,9 +25,8 @@ export interface IDashboardProps extends IUiComponent, IFlexGridProps {
      */
     itemView?: CustomView;
 }
-export interface IDashboardItemViewProps {
+export interface IDashboardItemViewProps extends Pick<IDashboardItem, 'title' | 'iconName'> {
     children: React.ReactNode;
-    title?: string;
 }
 declare function Dashboard(props: IDashboardProps): JSX.Element;
 export default Dashboard;

package/ui/content/Dashboard/Dashboard.js

@@ -10,17 +10,41 @@ 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_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var FlexGrid_1 = __importDefault(require("../../../ui/list/FlexGrid/FlexGrid"));
 var hooks_1 = require("../../../hooks");
 function Dashboard(props) {
     var components = (0, hooks_1.useComponents)();
     var DashboardItemView = props.itemView || components.ui.getView('content.DashboardItemView');
-    var flexGridItems = react_1["default"].useMemo(function () { return props.items.map(function (item) { return (__assign(__assign({}, item), { content: (react_1["default"].createElement(DashboardItemView, { title: item.title }, item.content)) })); }); }, [DashboardItemView, props.items]);
-    return (react_1["default"].createElement(FlexGrid_1["default"], __assign({}, props, { items: flexGridItems })));
+    var flexGridItems = react_1["default"].useMemo(function () { return props.items.map(function (item) { return (__assign(__assign({}, item), { content: (react_1["default"].createElement(DashboardItemView, { title: item.title, iconName: item.iconName }, item.content)) })); }); }, [DashboardItemView, props.items]);
+    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props), { items: flexGridItems })); }, [flexGridItems, props]);
+    return (react_1["default"].createElement(FlexGrid_1["default"], __assign({}, viewProps)));
 }
 exports["default"] = Dashboard;

package/ui/content/Detail/Detail.d.ts

@@ -58,7 +58,16 @@ export interface IDetailProps extends IUiComponent {
     layout?: DetailLayoutEnum;
     /**
      * Перестраивать таблицу при ресайзе
-     * @example {enable: true, media: [{breakpoint: 600, column: 2}]}
+     * @example
+     * {
+     *  enable: true,
+     *  media: [
+     *   {
+     *    breakpoint: 600,
+     *    column: 2
+     *   }
+     *  ]
+     * }
      */
     responsive?: boolean | IDetailResponsive;
     /**
@@ -73,7 +82,11 @@ export interface IDetailProps extends IUiComponent {
     title?: string | React.ReactNode;
     /**
      * Контролы, которые нужно расположить рядом с таблицей
-     * @example [{label: __(('Edit')), onClick: () => props.onClick()}]
+     * @example
+     * [{
+     *  label: __(('Edit')),
+     *  onClick: () => props.onClick()
+     * }]
      */
     controls?: IControlItem[];
     /**

package/ui/content/Detail/Detail.js

@@ -148,7 +148,18 @@ function Detail(props) {
     (0, react_1.useEffect)(function () {
         setRows(createRows(detailItems, column, props.layout));
     }, [column, detailItems, props.layout]);
-    return components.ui.renderView(props.view || 'content.DetailView', __assign(__assign(__assign({}, props), { rows: rows }), (responsiveProps.enable ? { resizedNodeRef: resizedNodeRef } : {})));
+    var viewProps = (0, react_1.useMemo)(function () { return ({
+        title: props.title,
+        controls: props.controls,
+        layout: props.layout,
+        rows: rows,
+        resizedNodeRef: responsiveProps.enable ? { resizedNodeRef: resizedNodeRef } : {},
+        size: props.size,
+        className: props.className,
+        style: props.style
+    }); }, [props.title, props.controls, props.layout, props.size, props.className,
+        props.style, rows, responsiveProps.enable, resizedNodeRef]);
+    return components.ui.renderView(props.view || 'content.DetailView', viewProps);
 }
 exports["default"] = Detail;
 Detail.defaultProps = {

package/ui/content/DropDown/DropDown.d.ts

@@ -36,7 +36,7 @@ export interface IDropDownViewProps extends IDropDownProps, IAbsolutePositioning
     /**
      * Рассчет абсолютной позиции
      */
-    calculatePosition: (componentSize: ClientRect) => void;
+    calculatePosition?: (dropDownDimensions: Record<string, any>, arrowDimensions: Record<string, any>) => void;
     /**
      * Ссылка на view
      */

package/ui/content/DropDown/DropDown.js

@@ -45,7 +45,7 @@ var TooltipPortalInner_1 = __importDefault(require("../../layout/Tooltip/Tooltip
 var useAbsolutePositioning_1 = __importDefault(require("../../../hooks/useAbsolutePositioning"));
 function DropDown(props) {
     var components = (0, hooks_1.useComponents)();
-    var _a = (0, useAbsolutePositioning_1["default"])(props), isComponentExist = _a.isComponentExist, isComponentVisible = _a.isComponentVisible, calculateAbsolutePosition = _a.calculateAbsolutePosition, onShow = _a.onShow, onHide = _a.onHide, position = _a.position, style = _a.style;
+    var _a = (0, useAbsolutePositioning_1["default"])(props), isComponentExist = _a.isComponentExist, isComponentVisible = _a.isComponentVisible, calculateAbsolutePosition = _a.calculateAbsolutePosition, onShow = _a.onShow, onHide = _a.onHide, position = _a.position, arrowPosition = _a.arrowPosition, style = _a.style;
     var childRef = (0, react_1.useRef)(null);
     var isManualControl = props.visible !== undefined;
     // Outside click -> close
@@ -70,8 +70,8 @@ function DropDown(props) {
     }, [isComponentExist, isComponentVisible, onHide, props.closeMode]);
     (0, react_use_1.useEvent)('mousedown', onAnyClick);
     (0, react_use_1.useEvent)('touchstart', onAnyClick);
-    var calculatePosition = (0, react_1.useCallback)(function (componentSize) {
-        calculateAbsolutePosition(position, childRef.current, componentSize);
+    var calculatePosition = (0, react_1.useCallback)(function (componentSize, arrowSize) {
+        calculateAbsolutePosition(position, childRef.current, componentSize, arrowSize);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     var DropDownView = components.ui.getView(props.view || 'content.DropDownView');
@@ -86,6 +86,18 @@ function DropDown(props) {
             onShow();
         };
     }
+    var viewProps = (0, react_1.useMemo)(function () { return ({
+        className: props.className,
+        forwardedRef: forwardedRef,
+        content: props.content,
+        position: position,
+        style: style,
+        arrowPosition: arrowPosition,
+        calculatePosition: calculatePosition,
+        isComponentVisible: isComponentVisible,
+        onClose: onHide,
+        hasArrow: props.hasArrow
+    }); }, [arrowPosition, calculatePosition, isComponentVisible, onHide, props.className, props.content, props.hasArrow, position, style]);
     return (React.createElement(React.Fragment, null,
         childrenElement
             ? React.cloneElement(childrenElement, resultProps)
@@ -93,7 +105,7 @@ function DropDown(props) {
         isComponentExist && (
         // TODO Change Portal to global
         React.createElement(TooltipPortalInner_1["default"], null,
-            React.createElement(DropDownView, __assign({}, props, { className: props.className, forwardedRef: forwardedRef, content: props.content, position: position, style: style, calculatePosition: calculatePosition, isComponentVisible: isComponentVisible, onClose: onHide }))))));
+            React.createElement(DropDownView, __assign({}, viewProps))))));
 }
 DropDown.defaultProps = {
     autoPositioning: true,

package/ui/content/Icon/Icon.js

@@ -1,29 +1,16 @@
 "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 isObject_1 = __importDefault(require("lodash-es/isObject"));
 var isString_1 = __importDefault(require("lodash-es/isString"));
+var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 var DEFAULT_ICON_NAME = 'default_24x24';
 function Icon(props) {
     var components = (0, hooks_1.useComponents)();
     var name = props.name;
-    if (!(0, isString_1["default"])(name)) {
-        return null;
-    }
     var icon;
     if (process.env.PLATFORM === 'mobile') {
         icon = components.ui.getIcon(name) || name;
@@ -48,6 +35,17 @@ function Icon(props) {
             icon = components.ui.getIcon(DEFAULT_ICON_NAME);
         }
     }
-    return components.ui.renderView(props.view || 'content.IconView', __assign(__assign({}, props), { icon: icon }));
+    var viewProps = (0, react_1.useMemo)(function () { return ({
+        onClick: props.onClick,
+        tabIndex: props.tabIndex,
+        title: props.title,
+        className: props.className,
+        style: props.style,
+        icon: icon
+    }); }, [props.onClick, props.tabIndex, props.title, props.className, props.style, icon]);
+    if (!(0, isString_1["default"])(name)) {
+        return null;
+    }
+    return components.ui.renderView(props.view || 'content.IconView', viewProps);
 }
 exports["default"] = Icon;

package/ui/content/Kanban/Kanban.d.ts

@@ -22,7 +22,7 @@ export interface ITaskPriority {
     type: string;
 }
 export interface IKanbanTask {
-    id: string;
+    id: number;
     title: string;
     description?: string;
     fullDescription?: string;
@@ -46,7 +46,7 @@ export interface IDragEndResult {
     combine: null;
 }
 export interface IKanbanColumn {
-    id: string;
+    id: number;
     title: string;
     tasks: IKanbanTask[];
 }
@@ -69,6 +69,17 @@ export interface IKanbanTaskDetailsModalViewProps extends IModalProps {
     bem: IBem;
     task: IKanbanTask;
 }
+/**
+ * Kanban
+ *
+ * Компонент `Kanban` позволяет создать доску для управления задачами.
+ * Количество столбцов задается с помощью пропа `columns`.
+ * Задачи на доске можно создавать, редактировать и перемещать с визуальным отображением.
+ *
+ * Для работы этого компонента необходимо установить в проекте зависимости `react-beautiful-dnd`
+ * и передать в пропсы `droppableComponent`, `draggableComponent` и `dndContext`
+ * компоненты `Droppable`, `Draggable` и `DragDropContext` соответственно.
+ */
 export interface IKanbanProps extends IKanbanConfig, IUiComponent {
     /**
      * Компонент обертка для инициализации области куда можно переместить элемент из библиотеки react-beautiful-dnd
@@ -100,8 +111,8 @@ export interface IKanbanColumnViewProps {
     droppableComponent: any;
     draggableComponent: any;
     task?: IKanbanTask;
-    renderTask: (task: IKanbanTask, columnId: string, index: number) => JSX.Element;
-    onOpenCreateTaskModal: (columnId: string) => void;
+    renderTask: (task: IKanbanTask, columnId: number, index: number) => JSX.Element;
+    onOpenCreateTaskModal: (columnId: number) => void;
 }
 export type IKanbanViewProps = IKanbanProps;
 export default function Kanban(props: IKanbanProps): JSX.Element;

package/ui/content/Kanban/Kanban.js

@@ -1,15 +1,4 @@
 "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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -54,6 +43,13 @@ function Kanban(props) {
     // Column
     var Column = components.ui.getView('content.KanbanColumnView');
     var renderColumn = (0, react_1.useCallback)(function (column, index) { return (react_1["default"].createElement(Column, { key: column.id, column: column, columnIndex: index, draggableComponent: props.draggableComponent, droppableComponent: props.droppableComponent, renderTask: renderTask, onOpenCreateTaskModal: onOpenCreateTaskModal })); }, [Column, onOpenCreateTaskModal, props.draggableComponent, props.droppableComponent, renderTask]);
-    return (react_1["default"].createElement(DragDropContext, { onDragEnd: onDragEnd }, components.ui.renderView(props.view || 'content.KanbanView', __assign(__assign({}, props), { columns: columns, renderColumn: renderColumn }))));
+    var viewProps = (0, react_1.useMemo)(function () { return ({
+        columns: columns,
+        renderColumn: renderColumn,
+        droppableComponent: props.droppableComponent,
+        className: props.className,
+        style: props.style
+    }); }, [columns, renderColumn, props.droppableComponent, props.className, props.style]);
+    return (react_1["default"].createElement(DragDropContext, { onDragEnd: onDragEnd }, components.ui.renderView(props.view || 'content.KanbanView', viewProps)));
 }
 exports["default"] = Kanban;

package/ui/content/Kanban/hooks/useKanban.d.ts

@@ -7,18 +7,24 @@ export interface IKanbanConfig {
     kanbanId?: string;
     /**
      * Коллекция с наименованиями и свойствами колонок в таблице
-     * @example [
-     *             {
-     *              id: 1,
-     *              title: 'column 1',
-     *              tasks: [{ content: 'item 1', id: 1 }],
-     *             },
-     *             {
-     *              id: 2,
-     *              title: 'column 2',
-     *              tasks: [],
-     *             }
-     *          ]
+     * @example
+     * [
+     *  {
+     *   id: 1,
+     *   title: 'column 1',
+     *   tasks: [
+     *    {
+     *      content: 'item 1',
+     *      id: 1
+     *    }
+     *    ],
+     *  },
+     *  {
+     *   id: 2,
+     *   title: 'column 2',
+     *   tasks: [],
+     *  }
+     * ]
      */
     columns: IKanbanColumn[];
     /**
@@ -32,20 +38,21 @@ export interface IKanbanConfig {
     /**
      * Обработчик события окончания перетаскивания карточки или колонки
      * В result передается объект с информацией о событии
-     * @example {
-     *     draggableId: 1,
-     *     type: 'task',
-     *     source: {
-     *         index: 0,
-     *         droppableId: 2
-     *     },
-     *     reason: 'DROP',
-     *     mode: 'FLUID',
-     *     destination: {
-     *         droppableId: 2,
-     *         index: 1
-     *     },
-     *     combine: null
+     * @example
+     * {
+     *  draggableId: 1,
+     *  type: 'task',
+     *  source: {
+     *   index: 0,
+     *   droppableId: 2
+     *  },
+     *  reason: 'DROP',
+     *  mode: 'FLUID',
+     *  destination: {
+     *    droppableId: 2,
+     *    index: 1
+     *  },
+     *  combine: null
      * }
      */
     onDragEnd?: (result: IDragEndResult) => void;

package/ui/content/Menu/Menu.js

@@ -1,23 +1,21 @@
 "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 react_1 = require("react");
 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 }));
+    var viewProps = (0, react_1.useMemo)(function () { return ({
+        items: props.items,
+        dropDownProps: props.dropDownProps,
+        icon: props.icon,
+        className: props.className,
+        style: props.style,
+        itemView: MenuItemView
+    }); }, [MenuItemView, props.className, props.dropDownProps, props.icon, props.items, props.style]);
+    return components.ui.renderView(props.view || 'content.MenuView', viewProps);
 }
 exports["default"] = Menu;

package/ui/content/Slider/Slider.js

@@ -1,19 +1,8 @@
 "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));
+    return components.ui.renderView(props.view || 'content.SliderView', props);
 }
 exports["default"] = Slider;

package/ui/crud/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import Crud from './Crud';
 import { IRouteItem } from '../nav/Router/Router';
 import { ICrudProps } from './Crud/Crud';
@@ -19,6 +20,7 @@ export declare const generateCrud: (routeId: string, props: ICrudGeneratorProps)
     title?: string;
     path: string;
     exact?: boolean;
+    strict?: boolean;
     redirectTo?: string | boolean;
     component: any;
     layout?: string;
@@ -32,4 +34,5 @@ export declare const generateCrud: (routeId: string, props: ICrudGeneratorProps)
         [key: string]: IRouteItem;
     };
     preloadData?: (match: Record<string, any>) => (import("../../hooks/useFetch").IFetchConfig | import("../list/List/List").IListProps)[];
+    icon?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 };

package/ui/form/AutoCompleteField/AutoCompleteField.js

@@ -94,7 +94,7 @@ function AutoCompleteField(props) {
     }, [onClose, props.inputProps, props.isOpened]);
     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 }));
+        return (__assign(__assign({}, props.inputProps), { type: 'text', name: props.input.name, value: (_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 () {

package/ui/form/Button/Button.js

@@ -52,9 +52,15 @@ function Button(props) {
         ? props.url
         : (routePath ? (0, router_2.buildUrl)(routePath, props.toRouteParams) : null);
     // Flags: isLoading, isFailed
-    var _a = (0, react_1.useState)({ isLoading: false, isFailed: false }), _b = _a[0], isLoading = _b.isLoading, isFailed = _b.isFailed, setStateFlags = _a[1];
+    var _a = (0, react_1.useState)({
+        isLoading: false,
+        isFailed: false
+    }), _b = _a[0], isLoading = _b.isLoading, isFailed = _b.isFailed, setStateFlags = _a[1];
     React.useEffect(function () {
-        setStateFlags({ isLoading: props.isLoading, isFailed: props.isFailed });
+        setStateFlags({
+            isLoading: props.isLoading,
+            isFailed: props.isFailed
+        });
     }, [props.isLoading, props.isFailed]);
     // Form submitting
     var context = (0, react_1.useContext)(Form_1.FormContext);

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

@@ -29,6 +29,7 @@ export interface ICheckboxFieldViewProps extends ICheckboxFieldProps, IFieldWrap
         checked: boolean;
         onChange: (value: string | React.ChangeEvent) => void;
         disabled: boolean;
+        required?: boolean;
     };
 }
 declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ICheckboxFieldProps>;

package/ui/form/CheckboxField/CheckboxField.js

@@ -53,8 +53,8 @@ function CheckboxField(props) {
     }, [props]);
     var inputProps = (0, react_1.useMemo)(function () {
         var _a, _b;
-        return (__assign({ name: (_a = props.input) === null || _a === void 0 ? void 0 : _a.name, type: 'checkbox', checked: !!((_b = props.input) === null || _b === void 0 ? void 0 : _b.value), onChange: onChangeHandler, disabled: props.disabled }, props.inputProps));
-    }, [onChangeHandler, props.disabled, (_a = props.input) === null || _a === void 0 ? void 0 : _a.name, (_b = props.input) === null || _b === void 0 ? void 0 : _b.value, props.inputProps]);
+        return (__assign({ name: (_a = props.input) === null || _a === void 0 ? void 0 : _a.name, type: 'checkbox', checked: !!((_b = props.input) === null || _b === void 0 ? void 0 : _b.value), onChange: onChangeHandler, disabled: props.disabled, required: props.required }, props.inputProps));
+    }, [onChangeHandler, props.disabled, (_a = props.input) === null || _a === void 0 ? void 0 : _a.name, (_b = props.input) === null || _b === void 0 ? void 0 : _b.value, props.inputProps, props.required]);
     return components.ui.renderView(props.view || 'form.CheckboxFieldView', __assign(__assign({}, props), { inputProps: inputProps }));
 }
 CheckboxField.defaultProps = {

package/ui/form/CheckboxListField/CheckboxListField.d.ts

@@ -20,7 +20,7 @@ type CheckboxFieldListItems = string | ({
 export interface ICheckboxListFieldProps extends IFieldWrapperInputProps, Omit<IDataProviderConfig, 'items'>, Omit<IDataSelectConfig, 'items'>, IUiComponent {
     /**
      * Свойства для элемента input
-     * @example {onKeyDown: ...}
+     * @example { onKeyDown: ... }
      */
     inputProps?: any;
     /**
@@ -29,9 +29,25 @@ export interface ICheckboxListFieldProps extends IFieldWrapperInputProps, Omit<I
     orientation?: Orientation;
     /**
      * Коллекция элементов
-     * @example [{id: 1, label: 'Krasnoyarsk', color: 'red'}, {id: 2, label: 'Moscow', color: 'purple'}]
+     * @example
+     * [
+     *  {
+     *      id: 1,
+     *      label: 'Krasnoyarsk',
+     *      color: 'red'
+     *  },
+     *  {
+     *      id: 2,
+     *      label: 'Moscow',
+     *      color: 'purple'
+     *  }
+     * ]
      */
     items: CheckboxFieldListItems;
+    /**
+     * Кастомная вьюшка для элемента
+     */
+    itemView?: CustomView;
     [key: string]: any;
 }
 export interface ICheckboxListFieldViewProps extends IFieldWrapperOutputProps {

package/ui/form/CheckboxListField/CheckboxListField.js

@@ -79,7 +79,7 @@ function CheckboxListField(props) {
             onReset();
         }
     }, [onReset, prevInputValue, props.input.value, selectedIds.length]);
-    var CheckboxFieldView = components.ui.getView('form.CheckboxFieldView');
+    var CheckboxFieldView = props.itemView || components.ui.getView('form.CheckboxFieldView');
     var renderCheckbox = function (checkboxProps) { return (React.createElement(CheckboxFieldView, __assign({}, checkboxProps))); };
     return components.ui.renderView(props.view || 'form.CheckboxListFieldView', __assign(__assign({}, props), { items: items, inputProps: inputProps, onItemSelect: onItemSelect, selectedIds: selectedIds, renderCheckbox: renderCheckbox }));
 }