@steroidsjs/core 3.0.0-beta.1 → 3.0.0-beta.100

package/ui/content/Detail/Detail.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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];
@@ -104,20 +108,20 @@ var normalizeResponsiveProps = function (props) { return (typeof props === 'bool
             },
         ]
     }
-    : __assign(__assign({ enable: true }, props), { media: orderBy_1["default"](props.media, ['breakpoint'], ['asc']) })); };
+    : __assign(__assign({ enable: true }, props), { media: (0, orderBy_1["default"])(props.media, ['breakpoint'], ['asc']) })); };
 function Detail(props) {
-    var components = hooks_1.useComponents();
-    var detailItems = react_1.useMemo(function () { return getDetailItems(props.children); }, [props.children]);
-    var responsiveProps = react_1.useMemo(function () { return normalizeResponsiveProps(props.responsive); }, [props.responsive]);
-    var _a = react_1.useState(props.column || exports.constants.MAX_COLUMN), column = _a[0], setColumn = _a[1];
-    var _b = react_1.useState(createRows(detailItems, column, props.layout)), rows = _b[0], setRows = _b[1];
+    var components = (0, hooks_1.useComponents)();
+    var detailItems = (0, react_1.useMemo)(function () { return getDetailItems(props.children); }, [props.children]);
+    var responsiveProps = (0, react_1.useMemo)(function () { return normalizeResponsiveProps(props.responsive); }, [props.responsive]);
+    var _a = (0, react_1.useState)(props.column || exports.constants.MAX_COLUMN), column = _a[0], setColumn = _a[1];
+    var _b = (0, react_1.useState)(createRows(detailItems, column, props.layout)), rows = _b[0], setRows = _b[1];
     // Add responsive option
-    var resizeObserver = react_1.useRef(new ResizeObserver(function (entries) {
+    var resizeObserver = (0, react_1.useRef)(new ResizeObserver(function (entries) {
         entries.forEach(function (entry) {
             if (!entry.borderBoxSize) {
                 return;
             }
-            var inlineSize = (isArray_1["default"](entry.borderBoxSize)
+            var inlineSize = ((0, isArray_1["default"])(entry.borderBoxSize)
                 ? entry.borderBoxSize[0]
                 : entry.borderBoxSize).inlineSize;
             // eslint-disable-next-line no-restricted-syntax
@@ -141,7 +145,7 @@ function Detail(props) {
         }
         resizeObserver.current.disconnect();
     }, [resizeObserver]);
-    react_1.useEffect(function () {
+    (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 } : {})));

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

@@ -22,7 +22,7 @@ export interface IDetailItemProps {
     /**
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
-     */
+    */
     view?: CustomView;
     /**
      * Дополнительный CSS-класс для ячейки с наименованием

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

@@ -1,25 +1,36 @@
 import * as React from 'react';
 import { IAbsolutePositioningInputProps, IAbsolutePositioningOutputProps } from '../../../hooks/useAbsolutePositioning';
+/**
+ * Menu
+ *
+ * Компонент, представляющий меню с элементами, которые могут быть выбраны или нажаты.
+ * Компонент позволяет отображать и скрывать содержимое меню, а также управлять его позиционированием.
+ */
 export interface IDropDownProps extends IAbsolutePositioningInputProps {
-    /**
-     * Дополнительный CSS-класс
-     */
-    className?: CssClassName;
     /**
      * Содержимое DropDown (компонент или jsx-код)
      * @example () => Component
      */
     content?: () => React.ReactNode;
-    /**
-     * Переопределение view React компонента для кастомизациии отображения
-     * @example MyCustomView
-     */
-    view?: any;
     /**
      * В каком случае закрывать DropDown. По-умолчанию - `click-away`
      * @example click-any
      */
-    closeMode?: 'click-away' | 'click-any';
+    closeMode?: 'click-away' | 'click-any' | string;
+    /**
+    * Позволяет управлять отображением указателя
+    * @example true
+    */
+    hasArrow?: boolean;
+    /**
+    * Переопределение view React компонента для кастомизациии отображения
+    * @example MyCustomView
+    */
+    view?: CustomView;
+    /**
+    * Дополнительный CSS-класс
+    */
+    className?: CssClassName;
 }
 export interface IDropDownViewProps extends IDropDownProps, IAbsolutePositioningOutputProps {
     /**
@@ -40,6 +51,7 @@ declare namespace DropDown {
         gap: number;
         position: string;
         closeMode: string;
+        hasArrow: boolean;
     };
 }
 export default DropDown;

package/ui/content/DropDown/DropDown.js

@@ -1,7 +1,22 @@
 "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;
-    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];
@@ -29,13 +44,13 @@ var hooks_1 = require("../../../hooks");
 var TooltipPortalInner_1 = __importDefault(require("../../layout/Tooltip/TooltipPortalInner"));
 var useAbsolutePositioning_1 = __importDefault(require("../../../hooks/useAbsolutePositioning"));
 function DropDown(props) {
-    var components = hooks_1.useComponents();
-    var _a = 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 childRef = react_1.useRef(null);
+    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 childRef = (0, react_1.useRef)(null);
     var isManualControl = props.visible !== undefined;
     // Outside click -> close
-    var forwardedRef = react_1.useRef(null);
-    react_use_1.useClickAway(forwardedRef, function (event) {
+    var forwardedRef = (0, react_1.useRef)(null);
+    (0, react_use_1.useClickAway)(forwardedRef, function (event) {
         if (props.closeMode === 'click-away') {
             if (isManualControl) {
                 if (!childRef.current.contains(event.target) && props.onClose) {
@@ -48,14 +63,14 @@ function DropDown(props) {
         }
     }, ['mousedown', 'touchstart']);
     // Any click -> close
-    var onAnyClick = react_1.useCallback(function () {
+    var onAnyClick = (0, react_1.useCallback)(function () {
         if (isComponentExist && isComponentVisible && props.closeMode === 'click-any') {
             onHide();
         }
     }, [isComponentExist, isComponentVisible, onHide, props.closeMode]);
-    react_use_1.useEvent('mousedown', onAnyClick);
-    react_use_1.useEvent('touchstart', onAnyClick);
-    var calculatePosition = react_1.useCallback(function (componentSize) {
+    (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);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
@@ -78,14 +93,15 @@ function DropDown(props) {
         isComponentExist && (
         // TODO Change Portal to global
         React.createElement(TooltipPortalInner_1["default"], null,
-            React.createElement(DropDownView, { className: props.className, forwardedRef: forwardedRef, content: props.content, position: position, style: style, calculatePosition: calculatePosition, isComponentVisible: isComponentVisible, onClose: onHide })))));
+            React.createElement(DropDownView, __assign({}, props, { className: props.className, forwardedRef: forwardedRef, content: props.content, position: position, style: style, calculatePosition: calculatePosition, isComponentVisible: isComponentVisible, onClose: onHide }))))));
 }
 DropDown.defaultProps = {
-    autoPositioning: false,
+    autoPositioning: true,
     componentDestroyDelay: 300,
     defaultVisible: false,
     gap: 15,
     position: 'bottom',
-    closeMode: 'click-away'
+    closeMode: 'click-away',
+    hasArrow: true
 };
 exports["default"] = DropDown;

package/ui/{icon → content}/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 /**
  * Install the latest free version of Font Awesome via yarn:
  * ```
@@ -17,7 +17,12 @@ import * as React from 'react';
  *
  * That get the icon used <Icon name={'icon-name'} />
  */
-export interface IIconProps {
+/**
+ * Icon
+ *
+ * Компонент, представляющий иконку. Иконки могут быть импортированы при старте приложения.
+ */
+export interface IIconProps extends Omit<IUiComponent, 'className' | 'style'>, Partial<HTMLElement> {
     /**
      * Имя иконки (латиницей). Импорт иконок происходит на старте приложения.
      * @example create
@@ -28,12 +33,13 @@ export interface IIconProps {
      * @example Добавить запись
      */
     title?: string;
-    className?: CssClassName;
     /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: React.ComponentType;
+    *  Должен ли данный элемент участвовать в последовательной навигации
+    */
+    tabIndex?: number;
+    /**
+    * Функция которая вызывается при клике по иконке
+    */
     onClick?: any;
     [key: string]: any;
 }

package/ui/{icon → content}/Icon/Icon.js

@@ -17,10 +17,11 @@ exports.__esModule = true;
 var isObject_1 = __importDefault(require("lodash-es/isObject"));
 var isString_1 = __importDefault(require("lodash-es/isString"));
 var hooks_1 = require("../../../hooks");
+var DEFAULT_ICON_NAME = 'default_24x24';
 function Icon(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     var name = props.name;
-    if (!isString_1["default"](name)) {
+    if (!(0, isString_1["default"])(name)) {
         return null;
     }
     var icon;
@@ -31,20 +32,22 @@ function Icon(props) {
         icon = name.indexOf('<svg') === 0 || name.indexOf('http') === 0
             ? name
             : components.ui.getIcon(name);
-        if (isObject_1["default"](icon) && isString_1["default"](icon["default"])) {
+        if ((0, isObject_1["default"])(icon) && (0, isString_1["default"])(icon["default"])) {
             icon = icon["default"];
         }
         // Fix width attribute in icon
-        if (isString_1["default"](icon) && icon.indexOf('<svg') === 0) {
+        if ((0, isString_1["default"])(icon) && icon.indexOf('<svg') === 0) {
             var match = icon.match(/<svg([^>]+)/);
             if (match && match[0].indexOf('width') === -1) {
                 icon = icon.replace(match[0], match[0] + ' width=16');
             }
         }
         if (!icon) {
-            throw new Error('Not found icon with name "' + name + '"');
+            // eslint-disable-next-line no-console
+            console.warn('Not found icon with name "' + name + '"');
+            icon = components.ui.getIcon(DEFAULT_ICON_NAME);
         }
     }
-    return components.ui.renderView(props.view || 'icon.IconView', __assign(__assign({}, props), { icon: icon }));
+    return components.ui.renderView(props.view || 'content.IconView', __assign(__assign({}, props), { icon: icon }));
 }
 exports["default"] = Icon;

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

@@ -0,0 +1,107 @@
+/// <reference types="react" />
+import { IDropDownFieldItem } from '@steroidsjs/core/ui/form/DropDownField/DropDownField';
+import { IKanbanConfig } from '@steroidsjs/core/ui/content/Kanban/hooks/useKanban';
+import { KanbanModalTypeEnum } from '@steroidsjs/core/ui/content/Kanban/enums';
+import { IBem } from '@steroidsjs/core/hooks/useBem';
+import { IModalProps } from '../../modal/Modal/Modal';
+export interface ITaskTag {
+    id: number;
+    message: string;
+    type: string;
+}
+export interface ITaskAssigner {
+    id: number;
+    firstName?: string;
+    lastName?: string;
+    avatar?: {
+        src: string;
+    };
+}
+export interface ITaskPriority {
+    id: number;
+    type: string;
+}
+export interface IKanbanTask {
+    id: string;
+    title: string;
+    description?: string;
+    fullDescription?: string;
+    priority?: ITaskPriority;
+    assigner?: ITaskAssigner;
+    tags?: ITaskTag[];
+}
+export interface IDragEndResult {
+    draggableId: number;
+    type: string;
+    source: {
+        index: number;
+        droppableId: number;
+    };
+    reason: string;
+    mode: string;
+    destination: {
+        droppableId: number;
+        index: number;
+    };
+    combine: null;
+}
+export interface IKanbanColumn {
+    id: string;
+    title: string;
+    tasks: IKanbanTask[];
+}
+export interface IKanbanModalViewProps extends IModalProps {
+    modalType: KanbanModalTypeEnum;
+    formId: string;
+    columns: IKanbanColumn[];
+    columnId: string;
+    assigners: IDropDownFieldItem[];
+    submitButtonLabel: string;
+    onSubmit: (id: string | null, data: any, columnId: string) => void;
+    onToggleModalType?: () => void;
+    task?: IKanbanTask;
+    tags?: ITaskTag[];
+}
+export interface ICreateOrEditTaskModalContentViewProps extends Omit<IKanbanModalViewProps, 'modalType'> {
+    bem: IBem;
+}
+export interface IKanbanTaskDetailsModalViewProps extends IModalProps {
+    bem: IBem;
+    task: IKanbanTask;
+}
+export interface IKanbanProps extends IKanbanConfig, IUiComponent {
+    /**
+     * Компонент обертка для инициализации области куда можно переместить элемент из библиотеки react-beautiful-dnd
+     * @example Droppable
+     */
+    droppableComponent: any;
+    /**
+     * Компонент обертка для регистрации элемента который можно переместить из библиотеки react-beautiful-dnd
+     * @example Draggable
+     */
+    draggableComponent: any;
+    /**
+     * Общий контекст обертка из библиотеки react-beautiful-dnd
+     * @example DragDropContext
+     */
+    dndContext: any;
+    [key: string]: any;
+}
+export interface IKanbanTaskViewProps {
+    task: IKanbanTask;
+    columnId: string;
+    index: number;
+    draggableComponent: any;
+    onOpenTaskDetailsModal: (task: IKanbanTask, columnId: string) => void;
+}
+export interface IKanbanColumnViewProps {
+    column: IKanbanColumn;
+    columnIndex: number;
+    droppableComponent: any;
+    draggableComponent: any;
+    task?: IKanbanTask;
+    renderTask: (task: IKanbanTask, columnId: string, index: number) => JSX.Element;
+    onOpenCreateTaskModal: (columnId: string) => void;
+}
+export type IKanbanViewProps = IKanbanProps;
+export default function Kanban(props: IKanbanProps): JSX.Element;

package/ui/content/Kanban/Kanban.js

@@ -0,0 +1,59 @@
+"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);
+    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;
+};
+exports.__esModule = true;
+var react_1 = __importStar(require("react"));
+var hooks_1 = require("../../../hooks");
+var hooks_2 = require("./hooks");
+function Kanban(props) {
+    var components = (0, hooks_1.useComponents)();
+    var DragDropContext = props.dndContext;
+    var _a = (0, hooks_2.useKanban)({
+        kanbanId: props.kanbanId,
+        columns: props.columns,
+        assigners: props.assigners,
+        tags: props.tags,
+        lastTaskId: props.lastTaskId,
+        onDragEnd: props.onDragEnd
+    }), columns = _a.columns, onDragEnd = _a.onDragEnd, onOpenTaskDetailsModal = _a.onOpenTaskDetailsModal, onOpenCreateTaskModal = _a.onOpenCreateTaskModal;
+    // Task
+    var Task = components.ui.getView('content.KanbanTaskView');
+    var renderTask = (0, react_1.useCallback)(function (task, columnId, index) { return (react_1["default"].createElement(Task, { key: task.id, task: task, columnId: columnId, index: index, draggableComponent: props.draggableComponent, onOpenTaskDetailsModal: onOpenTaskDetailsModal })); }, [Task, onOpenTaskDetailsModal, props.draggableComponent]);
+    // 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 }))));
+}
+exports["default"] = Kanban;

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

@@ -0,0 +1,2 @@
+import { KANBAN_MOVE_COLUMN, KANBAN_INIT, KANBAN_MOVE_TASK, KANBAN_ADD_TASK, KANBAN_EDIT_TASK, KANBAN_INCREASE_TASK_ID, kanbanInit, kanbanMoveColumn, kanbanMoveTask, kanbanAddTask, kanbanEditTask, kanbanIncreaseTaskId } from './kanban';
+export { KANBAN_MOVE_COLUMN, KANBAN_INIT, KANBAN_MOVE_TASK, KANBAN_ADD_TASK, KANBAN_EDIT_TASK, KANBAN_INCREASE_TASK_ID, kanbanInit, kanbanMoveColumn, kanbanMoveTask, kanbanAddTask, kanbanEditTask, kanbanIncreaseTaskId, };

package/ui/content/Kanban/actions/index.js

@@ -0,0 +1,16 @@
+"use strict";
+exports.__esModule = true;
+exports.kanbanIncreaseTaskId = exports.kanbanEditTask = exports.kanbanAddTask = exports.kanbanMoveTask = exports.kanbanMoveColumn = exports.kanbanInit = exports.KANBAN_INCREASE_TASK_ID = exports.KANBAN_EDIT_TASK = exports.KANBAN_ADD_TASK = exports.KANBAN_MOVE_TASK = exports.KANBAN_INIT = exports.KANBAN_MOVE_COLUMN = void 0;
+var kanban_1 = require("./kanban");
+exports.KANBAN_MOVE_COLUMN = kanban_1.KANBAN_MOVE_COLUMN;
+exports.KANBAN_INIT = kanban_1.KANBAN_INIT;
+exports.KANBAN_MOVE_TASK = kanban_1.KANBAN_MOVE_TASK;
+exports.KANBAN_ADD_TASK = kanban_1.KANBAN_ADD_TASK;
+exports.KANBAN_EDIT_TASK = kanban_1.KANBAN_EDIT_TASK;
+exports.KANBAN_INCREASE_TASK_ID = kanban_1.KANBAN_INCREASE_TASK_ID;
+exports.kanbanInit = kanban_1.kanbanInit;
+exports.kanbanMoveColumn = kanban_1.kanbanMoveColumn;
+exports.kanbanMoveTask = kanban_1.kanbanMoveTask;
+exports.kanbanAddTask = kanban_1.kanbanAddTask;
+exports.kanbanEditTask = kanban_1.kanbanEditTask;
+exports.kanbanIncreaseTaskId = kanban_1.kanbanIncreaseTaskId;

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

@@ -0,0 +1,40 @@
+export declare const KANBAN_INIT = "@kanban/init";
+export declare const KANBAN_MOVE_TASK = "@kanban/move_task";
+export declare const KANBAN_MOVE_COLUMN = "@kanban/move_column";
+export declare const KANBAN_ADD_TASK = "@kanban/add_task";
+export declare const KANBAN_EDIT_TASK = "@kanban/edit_task";
+export declare const KANBAN_INCREASE_TASK_ID = "@kanban/increase_task_id";
+export declare const kanbanInit: (kanbanId: any, payload: any) => {
+    type: string;
+    payload: any;
+};
+export declare const kanbanMoveTask: (kanbanId: any, source: any, destination: any) => {
+    type: string;
+    kanbanId: any;
+    source: any;
+    destination: any;
+};
+export declare const kanbanMoveColumn: (kanbanId: any, source: any, destination: any) => {
+    type: string;
+    kanbanId: any;
+    source: any;
+    destination: any;
+};
+export declare const kanbanAddTask: (kanbanId: any, columnId: any, task: any) => {
+    type: string;
+    kanbanId: any;
+    columnId: any;
+    task: any;
+};
+export declare const kanbanEditTask: (kanbanId: any, columnId: any, prevColumnId: any, task: any) => {
+    type: string;
+    kanbanId: any;
+    columnId: any;
+    prevColumnId: any;
+    task: any;
+};
+export declare const kanbanIncreaseTaskId: (kanbanId: any, lastTaskId: any) => {
+    type: string;
+    kanbanId: any;
+    lastTaskId: any;
+};

package/ui/content/Kanban/actions/kanban.js

@@ -0,0 +1,49 @@
+"use strict";
+exports.__esModule = true;
+exports.kanbanIncreaseTaskId = exports.kanbanEditTask = exports.kanbanAddTask = exports.kanbanMoveColumn = exports.kanbanMoveTask = exports.kanbanInit = exports.KANBAN_INCREASE_TASK_ID = exports.KANBAN_EDIT_TASK = exports.KANBAN_ADD_TASK = exports.KANBAN_MOVE_COLUMN = exports.KANBAN_MOVE_TASK = exports.KANBAN_INIT = void 0;
+exports.KANBAN_INIT = '@kanban/init';
+exports.KANBAN_MOVE_TASK = '@kanban/move_task';
+exports.KANBAN_MOVE_COLUMN = '@kanban/move_column';
+exports.KANBAN_ADD_TASK = '@kanban/add_task';
+exports.KANBAN_EDIT_TASK = '@kanban/edit_task';
+exports.KANBAN_INCREASE_TASK_ID = '@kanban/increase_task_id';
+var kanbanInit = function (kanbanId, payload) { return ({
+    type: exports.KANBAN_INIT,
+    payload: payload
+}); };
+exports.kanbanInit = kanbanInit;
+var kanbanMoveTask = function (kanbanId, source, destination) { return ({
+    type: exports.KANBAN_MOVE_TASK,
+    kanbanId: kanbanId,
+    source: source,
+    destination: destination
+}); };
+exports.kanbanMoveTask = kanbanMoveTask;
+var kanbanMoveColumn = function (kanbanId, source, destination) { return ({
+    type: exports.KANBAN_MOVE_COLUMN,
+    kanbanId: kanbanId,
+    source: source,
+    destination: destination
+}); };
+exports.kanbanMoveColumn = kanbanMoveColumn;
+var kanbanAddTask = function (kanbanId, columnId, task) { return ({
+    type: exports.KANBAN_ADD_TASK,
+    kanbanId: kanbanId,
+    columnId: columnId,
+    task: task
+}); };
+exports.kanbanAddTask = kanbanAddTask;
+var kanbanEditTask = function (kanbanId, columnId, prevColumnId, task) { return ({
+    type: exports.KANBAN_EDIT_TASK,
+    kanbanId: kanbanId,
+    columnId: columnId,
+    prevColumnId: prevColumnId,
+    task: task
+}); };
+exports.kanbanEditTask = kanbanEditTask;
+var kanbanIncreaseTaskId = function (kanbanId, lastTaskId) { return ({
+    type: exports.KANBAN_INCREASE_TASK_ID,
+    kanbanId: kanbanId,
+    lastTaskId: lastTaskId
+}); };
+exports.kanbanIncreaseTaskId = kanbanIncreaseTaskId;

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

@@ -0,0 +1,4 @@
+export declare const CREATE_TASK_MODAL_ID = "CreateKanbanTaskModal";
+export declare const CREATE_TASK_FORM_ID = "CreateTaskForm";
+export declare const EDIT_TASK_MODAL_ID = "EditKanbanTaskModal";
+export declare const EDIT_TASK_FORM_ID = "EditTaskForm";

package/ui/content/Kanban/constants/modalAndFormIds.js

@@ -0,0 +1,7 @@
+"use strict";
+exports.__esModule = true;
+exports.EDIT_TASK_FORM_ID = exports.EDIT_TASK_MODAL_ID = exports.CREATE_TASK_FORM_ID = exports.CREATE_TASK_MODAL_ID = void 0;
+exports.CREATE_TASK_MODAL_ID = 'CreateKanbanTaskModal';
+exports.CREATE_TASK_FORM_ID = 'CreateTaskForm';
+exports.EDIT_TASK_MODAL_ID = 'EditKanbanTaskModal';
+exports.EDIT_TASK_FORM_ID = 'EditTaskForm';

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

@@ -0,0 +1,13 @@
+import Enum from '../../../../base/Enum';
+export default class KanbanModalTypeEnum extends Enum {
+    static DETAILS: string;
+    static EDIT: string;
+    static CREATE: string;
+    static getLabels(): {
+        [x: string]: string;
+    };
+    static getModalIcons(): {
+        [x: string]: string;
+    };
+    static getModalIconByType(type: any): string;
+}

package/ui/content/Kanban/enums/KanbanModalTypeEnum.js

@@ -0,0 +1,49 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var Enum_1 = __importDefault(require("../../../../base/Enum"));
+var KanbanModalTypeEnum = /** @class */ (function (_super) {
+    __extends(KanbanModalTypeEnum, _super);
+    function KanbanModalTypeEnum() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    KanbanModalTypeEnum.getLabels = function () {
+        var _a;
+        return _a = {},
+            _a[this.EDIT] = __('Редактировать задачу'),
+            _a[this.CREATE] = __('Новая задача'),
+            _a;
+    };
+    KanbanModalTypeEnum.getModalIcons = function () {
+        var _a;
+        return _a = {},
+            _a[this.EDIT] = 'expand_left_double',
+            _a[this.DETAILS] = 'edit',
+            _a;
+    };
+    KanbanModalTypeEnum.getModalIconByType = function (type) {
+        return this.getModalIcons()[type] || '';
+    };
+    KanbanModalTypeEnum.DETAILS = 'details';
+    KanbanModalTypeEnum.EDIT = 'edit';
+    KanbanModalTypeEnum.CREATE = 'create';
+    return KanbanModalTypeEnum;
+}(Enum_1["default"]));
+exports["default"] = KanbanModalTypeEnum;

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

@@ -0,0 +1,18 @@
+import { ITaskPriority } from '../Kanban';
+import Enum from '../../../../base/Enum';
+export default class KanbanPrioritiesEnum extends Enum {
+    static HIGH: string;
+    static MIDDLE: string;
+    static DEFAULT: string;
+    static getLabels(): {
+        [x: string]: string;
+    };
+    static getLabel(id: any): string;
+    static getColorsByType(): {
+        [x: string]: string;
+    };
+    static getColorByType(type: any): string;
+    static getPrioritiesArray(): ITaskPriority[];
+    static getPriorityById(id: any): any;
+    static getDefaultSelectedPriorityId(): any;
+}