@steroidsjs/core 3.0.0-beta.98 → 3.0.0

package/ui/nav/Tree/Tree.js

@@ -10,178 +10,31 @@ 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 isString_1 = __importDefault(require("lodash-es/isString"));
-var omit_1 = __importDefault(require("lodash-es/omit"));
-var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
-var keys_1 = __importDefault(require("lodash-es/keys"));
-var react_1 = require("react");
-var list_1 = require("../../../utils/list");
 var hooks_1 = require("../../../hooks");
-var router_1 = require("../../../reducers/router");
 function Tree(props) {
     var components = (0, hooks_1.useComponents)();
-    var STORAGE_KEY_PREFIX = 'tree_';
-    //State
-    var _a = (0, react_1.useState)(null), selectedUniqId = _a[0], setSelectedUniqId = _a[1];
-    var _b = (0, react_1.useState)({}), openedItems = _b[0], setOpenedItems = _b[1];
-    //Redux connection
-    var _c = (0, hooks_1.useSelector)(function (state) { return ({
-        routes: (0, isString_1["default"])(props.items) ? (0, router_1.getNavItems)(state, props.items) : null,
-        selectedItemId: (0, isString_1["default"])(props.items) ? (0, router_1.getRouteId)(state) : props.selectedItemId,
-        activeRouteIds: (0, router_1.getActiveRouteIds)(state),
-        routerParams: (0, router_1.getRouterParams)(state)
-    }); }), routes = _c.routes, selectedItemId = _c.selectedItemId, activeRouteIds = _c.activeRouteIds, routerParams = _c.routerParams;
-    var items = (0, react_1.useMemo)(function () {
-        if (routes) {
-            var routeToItem_1 = function (route) {
-                var routeItems = (Array.isArray(route.items)
-                    ? route.items.map(function (r) { return routeToItem_1(r); })
-                    : Object.keys(route.items || {}).map(function (id) { return routeToItem_1(route.items[id]); })).filter(function (r) { return r.visible; });
-                return {
-                    id: route.id.toLowerCase(),
-                    label: route.label || route.title,
-                    visible: route.isNavVisible !== false,
-                    toRoute: routeItems.length === 0 ? route.id : null,
-                    toRouteParams: routeItems.length === 0 ? props.routerParams : null,
-                    items: routeItems,
-                    icon: route.icon
-                };
-            };
-            return routes.map(function (route) { return routeToItem_1(route); }).filter(function (r) { return r.visible; });
-        }
-        if (Array.isArray(props.items)) {
-            return props.items;
-        }
-        return [];
-    }, [props.items, props.routerParams, routes]);
-    var findChildById = function (sourceItems, itemId, parentId, level) {
-        if (parentId === void 0) { parentId = ''; }
-        if (level === void 0) { level = 1; }
-        var foundItem = null;
-        if ((0, isString_1["default"])(sourceItems)) {
-            return null;
-        }
-        (sourceItems || []).forEach(function (item, index) {
-            var uniqId = (0, list_1.getTreeItemUniqId)(item, index, parentId);
-            if (!foundItem && (item.id === itemId || uniqId === itemId)) {
-                foundItem = __assign(__assign({}, item), { uniqId: uniqId, level: level });
-            }
-            if (!foundItem) {
-                foundItem = findChildById(item[props.itemsKey], itemId, uniqId, level + 1);
-            }
-        });
-        return foundItem;
-    };
-    var autoOpen = function (sourceItems, parentId, level) {
-        if (parentId === void 0) { parentId = ''; }
-        if (level === void 0) { level = 1; }
-        var opened = {};
-        (sourceItems || []).forEach(function (item, index) {
-            var uniqId = (0, list_1.getTreeItemUniqId)(item, index, parentId);
-            if (props.autoOpenLevels >= level) {
-                opened[uniqId] = true;
-            }
-            if (selectedItemId === item.id) {
-                opened[uniqId] = true;
-            }
-            if (selectedItemId) {
-                var finedItem = findChildById(item[props.itemsKey], selectedItemId);
-                if (finedItem) {
-                    opened[uniqId] = true;
-                }
-            }
-            opened = __assign(__assign({}, opened), autoOpen(item[props.itemsKey], uniqId, level + 1));
-        });
-        return opened;
-    };
-    // Initial opened items
-    React.useEffect(function () {
-        // TODO add  clientStorage
-        // const key = STORAGE_KEY_PREFIX + props.id;
-        // const opened = !this.state && this.props.clientStorage.get(key) && this.props.autoSave
-        //     ? JSON.parse(this.props.clientStorage.get(key))
-        //     : this._autoOpen(this.props._items);
-        var opened = autoOpen(items);
-        setOpenedItems(opened);
-        var selectedItem = findChildById(items, selectedItemId);
-        setSelectedUniqId(selectedItem ? selectedItem.uniqId : null);
-    }, [items]);
-    var onItemClick = (0, react_1.useCallback)(function (e, uniqId, item) {
-        var _a;
-        var _b;
-        e.preventDefault();
-        if (props.onItemClick) {
-            props.onItemClick.call(null, e, item);
-        }
-        setSelectedUniqId(selectedUniqId === uniqId ? null : uniqId);
-        if (((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-            var newItems = __assign(__assign({}, openedItems), (_a = {}, _a[uniqId] = !openedItems[uniqId], _a));
-            setOpenedItems(newItems);
-            // TODO add  clientStorage
-            // const key = STORAGE_KEY_PREFIX + this.props.id;
-            // this.props.clientStorage.set(key, JSON.stringify(this.state.opened));
-        }
-    }, [openedItems, props.onItemClick, selectedUniqId]);
-    var resultItems = (0, react_1.useMemo)(function () {
-        var getItems = function (sourceItems, parentId, level) {
-            if (parentId === void 0) { parentId = ''; }
-            if (level === void 0) { level = 0; }
-            var result = [];
-            if (props.level && level === props.level) {
-                return [];
-            }
-            (sourceItems || []).forEach(function (item, index) {
-                var uniqId = (0, list_1.getTreeItemUniqId)(item, index, parentId);
-                var isOpened = props.alwaysOpened || !!openedItems[uniqId];
-                var hasItems = item[props.itemsKey] && item[props.itemsKey].length > 0;
-                if (props.level && (level === props.level - 1)) {
-                    hasItems = false;
-                }
-                result.push(__assign(__assign({}, item), { uniqId: uniqId, index: index, level: level, isOpened: isOpened, isSelected: selectedUniqId === uniqId
-                        || (activeRouteIds.includes(item.toRoute)
-                            && (0, isEqual_1["default"])(item.toRouteParams || {}, (0, omit_1["default"])(routerParams, (0, keys_1["default"])(item.toRouteParams)))), hasItems: hasItems, onClick: function (e) { return onItemClick(e, uniqId, item); } }));
-                if (isOpened) {
-                    result = result.concat(getItems(item[props.itemsKey], uniqId, level + 1)).filter(Boolean);
-                }
-            });
-            return result;
-        };
-        return getItems(items);
-    }, [activeRouteIds, items, onItemClick, openedItems, props.alwaysOpened, props.itemsKey, props.level, routerParams, selectedUniqId]);
-    return components.ui.renderView(props.view || 'nav.TreeView', __assign(__assign({}, props), { items: resultItems }));
+    var treeItems = (0, hooks_1.useTree)({
+        items: props.items,
+        selectedItemId: props.selectedItemId,
+        routerParams: props.routerParams,
+        itemsKey: props.itemsKey,
+        autoOpenLevels: props.autoOpenLevels,
+        onExpand: props.onItemClick,
+        level: props.level,
+        alwaysOpened: props.alwaysOpened,
+        useSameSelectedItemId: props.useSameSelectedItemId
+    }).treeItems;
+    return components.ui.renderView(props.view || 'nav.TreeView', __assign(__assign({}, props), { items: treeItems }));
 }
+exports["default"] = Tree;
 Tree.defaultProps = {
     itemsKey: 'items',
     autoOpenLevels: 1,
     autoSave: false,
-    level: 0
+    level: 0,
+    levelPadding: 32,
+    hasIconExpandOnly: false,
+    useSameSelectedItemId: true,
+    showIcon: true
 };
-exports["default"] = Tree;

package/utils/calculateComponentAbsolutePosition.js

@@ -1,26 +1,48 @@
 "use strict";
 exports.__esModule = true;
+/* eslint-disable implicit-arrow-linebreak */
 var useAbsolutePositioning_1 = require("../hooks/useAbsolutePositioning");
+var isComponentBeyondTop = function (parentDimensions, componentSize, gap) {
+    return (parentDimensions.top - window.scrollY) <= Math.round(componentSize.height + gap);
+};
+var isComponentBeyondLeft = function (parentDimensions, componentSize, gap) {
+    return parentDimensions.left <= Math.round(componentSize.width + gap);
+};
+var isComponentBeyondRight = function (parentDimensions, componentSize, gap) {
+    return document.body.clientWidth - parentDimensions.right <= Math.round(componentSize.width + gap);
+};
+var isComponentBeyondBottom = function (parentDimensions, componentSize, gap) {
+    return (window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY)) <= Math.round(componentSize.height + gap);
+};
 function calculateComponentAbsolutePosition(gap, position, parentRef, componentSize, arrowSize, hasAutoPositioning) {
     if (arrowSize === void 0) { arrowSize = null; }
     if (hasAutoPositioning === void 0) { hasAutoPositioning = true; }
     if (process.env.IS_SSR) {
         return null;
     }
-    var style = { left: null, right: null, top: null };
+    var style = {
+        left: null,
+        right: null,
+        top: null
+    };
     var arrowPosition = null;
     var _a = parentRef.getBoundingClientRect(), top = _a.top, right = _a.right, left = _a.left, width = _a.width, height = _a.height;
-    var parentDimensions = { top: top, right: right, left: left, width: width, height: height };
+    var parentDimensions = {
+        top: top,
+        right: right,
+        left: left,
+        width: width,
+        height: height
+    };
     parentDimensions.top += window.scrollY;
     // eslint-disable-next-line default-case
     switch (position) {
         case useAbsolutePositioning_1.Position.TOP:
         case useAbsolutePositioning_1.Position.TOP_LEFT:
         case useAbsolutePositioning_1.Position.TOP_RIGHT:
-            // Проверка - выходит ли tooltip за верхний край страницы?
+            // Проверка - выходит ли component за верхний край страницы?
             // Если да - меняем позицию на bottom
-            if (hasAutoPositioning
-                && ((parentDimensions.top - window.scrollY) <= Math.round(componentSize.height + gap))) {
+            if (hasAutoPositioning && isComponentBeyondTop(parentDimensions, componentSize, gap)) {
                 style.top = parentDimensions.top + parentDimensions.height;
                 position = position.replace(useAbsolutePositioning_1.Position.TOP, useAbsolutePositioning_1.Position.BOTTOM);
             }
@@ -31,11 +53,9 @@ function calculateComponentAbsolutePosition(gap, position, parentRef, componentS
         case useAbsolutePositioning_1.Position.BOTTOM:
         case useAbsolutePositioning_1.Position.BOTTOM_LEFT:
         case useAbsolutePositioning_1.Position.BOTTOM_RIGHT:
-            /// Проверка - выходит ли tooltip за нижний край страницы?
+            /// Проверка - выходит ли component за нижний край страницы?
             // Если да - меняем позицию на top
-            if (hasAutoPositioning
-                && ((window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY))
-                    <= Math.round(componentSize.height + gap))) {
+            if (hasAutoPositioning && isComponentBeyondBottom(parentDimensions, componentSize, gap)) {
                 style.top = parentDimensions.top - componentSize.height;
                 position = position.replace(useAbsolutePositioning_1.Position.BOTTOM, useAbsolutePositioning_1.Position.TOP);
             }
@@ -46,9 +66,9 @@ function calculateComponentAbsolutePosition(gap, position, parentRef, componentS
         case useAbsolutePositioning_1.Position.LEFT:
         case useAbsolutePositioning_1.Position.LEFT_TOP:
         case useAbsolutePositioning_1.Position.LEFT_BOTTOM:
-            // Проверка - выходит ли tooltip за левый край страницы?
+            // Проверка - выходит ли component за левый край страницы?
             // Если да - меняем позицию на right
-            if (hasAutoPositioning && (parentDimensions.left <= Math.round(componentSize.width + gap))) {
+            if (hasAutoPositioning && isComponentBeyondLeft(parentDimensions, componentSize, gap)) {
                 style.left = parentDimensions.right;
                 position = position.replace(useAbsolutePositioning_1.Position.LEFT, useAbsolutePositioning_1.Position.RIGHT);
             }
@@ -59,10 +79,9 @@ function calculateComponentAbsolutePosition(gap, position, parentRef, componentS
         case useAbsolutePositioning_1.Position.RIGHT:
         case useAbsolutePositioning_1.Position.RIGHT_TOP:
         case useAbsolutePositioning_1.Position.RIGHT_BOTTOM:
-            // Проверка - выходит ли tooltip за правый край страницы?
+            // Проверка - выходит ли component за правый край страницы?
             // Если да - меняем позицию на left
-            if (hasAutoPositioning
-                && (document.body.clientWidth - parentDimensions.right <= Math.round(componentSize.width + gap))) {
+            if (hasAutoPositioning && isComponentBeyondRight(parentDimensions, componentSize, gap)) {
                 style.left = parentDimensions.left - componentSize.width;
                 position = position.replace(useAbsolutePositioning_1.Position.RIGHT, useAbsolutePositioning_1.Position.LEFT);
             }
@@ -72,6 +91,31 @@ function calculateComponentAbsolutePosition(gap, position, parentRef, componentS
             break;
     }
     // eslint-disable-next-line default-case
+    switch (position) {
+        case useAbsolutePositioning_1.Position.LEFT:
+        case useAbsolutePositioning_1.Position.LEFT_TOP:
+        case useAbsolutePositioning_1.Position.LEFT_BOTTOM:
+            // Проверка - выходит ли component после изменения позиции на left за левый край страницы?
+            // Если да - меняем позицию на bottom
+            if (hasAutoPositioning && isComponentBeyondLeft(parentDimensions, componentSize, gap)) {
+                style.left = null;
+                style.top = parentDimensions.top + parentDimensions.height;
+                position = useAbsolutePositioning_1.Position.BOTTOM;
+            }
+            break;
+        case useAbsolutePositioning_1.Position.RIGHT:
+        case useAbsolutePositioning_1.Position.RIGHT_TOP:
+        case useAbsolutePositioning_1.Position.RIGHT_BOTTOM:
+            // Проверка - выходит ли component после изменения позиции на right за правый край страницы?
+            // Если да - меняем позицию на bottom
+            if (hasAutoPositioning && isComponentBeyondRight(parentDimensions, componentSize, gap)) {
+                style.left = null;
+                style.top = parentDimensions.top + parentDimensions.height;
+                position = useAbsolutePositioning_1.Position.BOTTOM;
+            }
+            break;
+    }
+    // eslint-disable-next-line default-case
     switch (position) {
         case useAbsolutePositioning_1.Position.TOP:
         case useAbsolutePositioning_1.Position.BOTTOM:
@@ -80,7 +124,7 @@ function calculateComponentAbsolutePosition(gap, position, parentRef, componentS
             break;
         case useAbsolutePositioning_1.Position.TOP_LEFT:
         case useAbsolutePositioning_1.Position.BOTTOM_LEFT:
-            // Ширина tooltip больше родителя - стрелка на середину родителя
+            // Ширина component больше родителя - стрелка на середину родителя
             style.left = parentDimensions.left;
             if (arrowSize && (parentDimensions.width < componentSize.width)) {
                 arrowPosition = { left: parentDimensions.width / 2 };
@@ -88,7 +132,7 @@ function calculateComponentAbsolutePosition(gap, position, parentRef, componentS
             break;
         case useAbsolutePositioning_1.Position.TOP_RIGHT:
         case useAbsolutePositioning_1.Position.BOTTOM_RIGHT:
-            // Ширина tooltip больше родителя - стрелка на середину родителя
+            // Ширина component больше родителя - стрелка на середину родителя
             style.left = parentDimensions.right - componentSize.width;
             if (arrowSize && (parentDimensions.width < componentSize.width)) {
                 arrowPosition = {
@@ -118,13 +162,13 @@ function calculateComponentAbsolutePosition(gap, position, parentRef, componentS
             }
             break;
     }
-    // Проверка - при позиционировании top/bottom tooltip не выходит за пределы страницы по горизонтали
+    //Проверка - при позиционировании top/bottom component не выходит за пределы страницы по горизонтали
     if (position.includes('top') || position.includes('bottom')) {
         if (!position.includes('Left')
-            && (style.left < 0 || parentDimensions.left <= Math.round((componentSize.width - parentDimensions.width) + gap))) {
+            && (parentDimensions.left <= Math.round((componentSize.width - parentDimensions.width) + gap))) {
             style.right = null;
             position = position.replace('Right', 'Left');
-            // Если ширина tooltip больше ширины родителя - выставить стрелку на середину родителя
+            // Если ширина component больше ширины родителя - выставить стрелку на середину родителя
             if (parentDimensions.left < componentSize.width) {
                 arrowPosition = { left: parentDimensions.width / 2 };
             }
@@ -144,15 +188,17 @@ function calculateComponentAbsolutePosition(gap, position, parentRef, componentS
             style.right = document.body.clientWidth - parentDimensions.right;
         }
     }
-    // Проверка - при позиционировании left/right tooltip не выходит за пределы страницы по вертикали
+    // Проверка - при позиционировании left/right component не выходит за пределы страницы по вертикали
     if (position.includes('left') || position.includes('right')) {
         if (!position.includes('Top')
             && parentDimensions.top - window.scrollY <= Math.round((componentSize.height - parentDimensions.height) + gap)) {
             position = position.replace('Bottom', 'Top');
-            if (parentDimensions.height < componentSize.height) {
-                arrowPosition = { top: parentDimensions.height / 2 };
-            }
             style.top = parentDimensions.top;
+            if (arrowSize && parentDimensions.height < componentSize.height) {
+                arrowPosition = {
+                    top: parentDimensions.height / 2
+                };
+            }
         }
         else if (!position.includes('Bottom')
             && (window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY)
@@ -166,6 +212,10 @@ function calculateComponentAbsolutePosition(gap, position, parentRef, componentS
             style.top = parentDimensions.top + parentDimensions.height - componentSize.height;
         }
     }
-    return { style: style, position: position, arrowPosition: arrowPosition };
+    return {
+        style: style,
+        position: position,
+        arrowPosition: arrowPosition
+    };
 }
 exports["default"] = calculateComponentAbsolutePosition;

package/utils/calendar.d.ts

@@ -1,4 +1,12 @@
 export declare const convertDate: (date: string | Date, fromFormats: string | string[], toFormat?: string, isUtc?: boolean, dateInUtc?: boolean) => any;
+export declare const customLocaleUtils: {
+    formatDay: (day: Date, locale?: string) => string;
+    formatMonthTitle: (month: Date, locale?: string) => string;
+    formatWeekdayShort: (weekday: number, locale?: string) => any;
+    formatWeekdayLong: (weekday: number, locale?: string) => any;
+    getFirstDayOfWeek: (locale?: string) => any;
+    getMonths: (locale?: string) => any;
+};
 /**
  * Регулярка проверяет соответствие введенной строки формату 'hh:mm'
  * Максимальная величина - 23:59

package/utils/calendar.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.convertDate = void 0;
+exports.customLocaleUtils = exports.convertDate = void 0;
 /* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable import/prefer-default-export */
 var dayjs_1 = __importDefault(require("dayjs"));
@@ -45,6 +45,81 @@ var convertDate = function (date, fromFormats, toFormat, isUtc, dateInUtc) {
     return toFormat ? dayjsDate.format(toFormat) : dayjsDate.toDate();
 };
 exports.convertDate = convertDate;
+/**
+ * Функции форматирования для локализации Day Picker.
+ */
+var WEEKDAYS_LONG = {
+    en: [
+        'Sunday',
+        'Monday',
+        'Tuesday',
+        'Wednesday',
+        'Thursday',
+        'Friday',
+        'Saturday',
+    ],
+    ru: [
+        'Понедельник',
+        'Вторник',
+        'Среда',
+        'Четверг',
+        'Пятница',
+        'Суббота',
+        'Воскресенье',
+    ]
+};
+var WEEKDAYS_SHORT = {
+    en: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+    ru: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб']
+};
+var MONTHS = {
+    en: [
+        'January',
+        'February',
+        'March',
+        'April',
+        'May',
+        'June',
+        'July',
+        'August',
+        'September',
+        'October',
+        'November',
+        'December',
+    ],
+    ru: [
+        'Январь',
+        'Февраль',
+        'Март',
+        'Апрель',
+        'Май',
+        'Июнь',
+        'Июль',
+        'Август',
+        'Сентябрь',
+        'Октябрь',
+        'Ноябрь',
+        'Декабрь',
+    ]
+};
+var FIRST_DAY = {
+    en: 0,
+    ru: 1
+};
+var formatDay = function (day, locale) { return "".concat(WEEKDAYS_LONG[locale][day.getDay()], ", ").concat(day.getDate(), " ").concat(MONTHS[locale][day.getMonth()], " ").concat(day.getFullYear()); };
+var formatMonthTitle = function (month, locale) { return "".concat(MONTHS[locale][month.getMonth()], " ").concat(month.getFullYear()); };
+var formatWeekdayShort = function (weekday, locale) { return WEEKDAYS_SHORT[locale][weekday]; };
+var formatWeekdayLong = function (weekday, locale) { return WEEKDAYS_SHORT[locale][weekday]; };
+var getFirstDayOfWeek = function (locale) { return FIRST_DAY[locale]; };
+var getMonths = function (locale) { return MONTHS[locale]; };
+exports.customLocaleUtils = {
+    formatDay: formatDay,
+    formatMonthTitle: formatMonthTitle,
+    formatWeekdayShort: formatWeekdayShort,
+    formatWeekdayLong: formatWeekdayLong,
+    getFirstDayOfWeek: getFirstDayOfWeek,
+    getMonths: getMonths
+};
 /**
  * Регулярка проверяет соответствие введенной строки формату 'hh:mm'
  * Максимальная величина - 23:59

package/utils/data.js

@@ -144,6 +144,7 @@ var shouldUpdate = function (objA, objB, deepPaths) {
                 ? (0, exports.shouldUpdate)(objA[key], objB[key], deepPath)
                 : (0, exports.shouldUpdateSingle)(objA[key], objB[key]);
             if (hasChanges) {
+                // eslint-disable-next-line no-console
                 console.log(0, 'shouldUpdate changed key:', key, objA[key], objB[key]);
                 return { value: true };
             }

package/utils/form.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 export declare const setInWithPath: (state: any, value: any, path: string[], pathIndex?: number) => any;
 export declare const cleanEmptyObject: (object: any) => any;
+export declare const clearErrors: (values: any, prevValues: any, errors: any, setErrors: any) => void;
 export declare const providers: {
     redux: {
         useForm: (formId: any, initialValues: any) => any;

package/utils/form.js

@@ -14,11 +14,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.providers = exports.cleanEmptyObject = exports.setInWithPath = void 0;
+exports.providers = exports.clearErrors = exports.cleanEmptyObject = exports.setInWithPath = void 0;
 var isPlainObject_1 = __importDefault(require("lodash-es/isPlainObject"));
 var isArray_1 = __importDefault(require("lodash-es/isArray"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var get_1 = __importDefault(require("lodash-es/get"));
+var differenceWith_1 = __importDefault(require("lodash-es/differenceWith"));
+var toPairs_1 = __importDefault(require("lodash-es/toPairs"));
+var omit_1 = __importDefault(require("lodash-es/omit"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
 var react_1 = require("react");
 var react_use_1 = require("react-use");
 var useDispatch_1 = __importDefault(require("../hooks/useDispatch"));
@@ -75,6 +79,17 @@ var cleanEmptyObject = function (object) {
     return object;
 };
 exports.cleanEmptyObject = cleanEmptyObject;
+var clearErrors = function (values, prevValues, errors, setErrors) {
+    if (!(0, isEmpty_1["default"])(errors) && !(0, isEqual_1["default"])(prevValues || {}, values)) {
+        // compare arrays of key-value pairs in previous and new field objects to identify the changed field
+        var changedField = (0, differenceWith_1["default"])((0, toPairs_1["default"])(values), (0, toPairs_1["default"])(prevValues), isEqual_1["default"]);
+        if (!(0, isEmpty_1["default"])(changedField)) {
+            var cleanedErrors = (0, omit_1["default"])(errors, changedField[0]);
+            setErrors((0, isEmpty_1["default"])(cleanedErrors) ? null : cleanedErrors);
+        }
+    }
+};
+exports.clearErrors = clearErrors;
 // Form state providers
 exports.providers = {
     // Redux

package/ui/content/CalendarSystem/hooks/useWeekCalendar.js

@@ -1,86 +0,0 @@
-"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 = __importDefault(require("react"));
-var calendar_1 = require("../../../../utils/calendar");
-var DateControlType_1 = __importDefault(require("../enums/DateControlType"));
-var useCalendarControls_1 = require("./useCalendarControls");
-var utils_1 = require("../utils/utils");
-var WEEK_DAY_FORMAT = 'dd, D MMM';
-var ONE_DAY = 1;
-var getFormattedWeekFromDate = function (fromDate) {
-    if (fromDate === void 0) { fromDate = null; }
-    var currentWeek = (0, utils_1.getWeekDaysFromDate)(fromDate || new Date());
-    return currentWeek.map(function (dayOfWeek) {
-        var copyOfDayWeek = __assign({}, dayOfWeek);
-        copyOfDayWeek.formattedDisplay = (0, calendar_1.convertDate)(dayOfWeek.date, null, WEEK_DAY_FORMAT);
-        // eslint-disable-next-line no-unused-expressions
-        (0, utils_1.isDateIsToday)(copyOfDayWeek.date) ? copyOfDayWeek.isToday = true : copyOfDayWeek.isToday = false;
-        return copyOfDayWeek;
-    });
-};
-var useWeekCalendar = function (currentMonthDate) {
-    var _a;
-    var _b = react_1["default"].useState(getFormattedWeekFromDate()), currentWeek = _b[0], setCurrentWeek = _b[1];
-    var forceUpdateWeekOnMonthChange = react_1["default"].useCallback(function (newMonthDate) {
-        setCurrentWeek(getFormattedWeekFromDate(newMonthDate));
-    }, []);
-    var changeMonthAfterWeekChanged = react_1["default"].useCallback(function (formattedWeek) {
-        var firstDayOfWeek = formattedWeek[0].date;
-        var currentMonthNumber = currentMonthDate.getMonth();
-        var isWeekOutOfMonth = formattedWeek.every(function (dayOfWeek) { return dayOfWeek.date.getMonth() !== currentMonthNumber; });
-        if (!isWeekOutOfMonth) {
-            return;
-        }
-        if (currentMonthNumber - firstDayOfWeek.getMonth() === 1) {
-            var lastDayOfWeekInNewMonth = formattedWeek[formattedWeek.length - 1].date;
-            var prevMonthControl = (0, useCalendarControls_1.getSourceCalendarControl)(DateControlType_1["default"].PREV_ONE);
-            prevMonthControl.click();
-            forceUpdateWeekOnMonthChange(lastDayOfWeekInNewMonth);
-        }
-        else {
-            var firstDayOfWeekInNewMonth = formattedWeek[0].date;
-            var nextMonthControl = (0, useCalendarControls_1.getSourceCalendarControl)(DateControlType_1["default"].NEXT_ONE);
-            nextMonthControl.click();
-            forceUpdateWeekOnMonthChange(firstDayOfWeekInNewMonth);
-        }
-    }, [currentMonthDate, forceUpdateWeekOnMonthChange]);
-    var setNextWeek = react_1["default"].useCallback(function () {
-        var lastDayOfWeek = currentWeek[currentWeek.length - 1].date;
-        lastDayOfWeek.setDate(lastDayOfWeek.getDate() + ONE_DAY);
-        var formattedNextWeek = getFormattedWeekFromDate(lastDayOfWeek);
-        setCurrentWeek(formattedNextWeek);
-        changeMonthAfterWeekChanged(formattedNextWeek);
-    }, [currentWeek, changeMonthAfterWeekChanged]);
-    var setPrevWeek = react_1["default"].useCallback(function () {
-        var firstDayOfWeek = currentWeek[0].date;
-        firstDayOfWeek.setDate(firstDayOfWeek.getDate() - ONE_DAY);
-        var formattedPrevWeek = getFormattedWeekFromDate(firstDayOfWeek);
-        setCurrentWeek(formattedPrevWeek);
-        changeMonthAfterWeekChanged(formattedPrevWeek);
-    }, [currentWeek, changeMonthAfterWeekChanged]);
-    return {
-        currentWeek: currentWeek,
-        weekControls: (_a = {},
-            _a[DateControlType_1["default"].NEXT_DOUBLE] = DateControlType_1["default"].NEXT_ONE,
-            _a[DateControlType_1["default"].NEXT_ONE] = setNextWeek,
-            _a[DateControlType_1["default"].PREV_ONE] = setPrevWeek,
-            _a[DateControlType_1["default"].PREV_DOUBLE] = DateControlType_1["default"].PREV_ONE,
-            _a),
-        forceUpdateWeekOnMonthChange: forceUpdateWeekOnMonthChange
-    };
-};
-exports["default"] = useWeekCalendar;

package/utils/list.d.ts

@@ -1 +0,0 @@
-export declare const getTreeItemUniqId: (item: any, index: any, parentId: any) => string;

package/utils/list.js

@@ -1,5 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.getTreeItemUniqId = void 0;
-var getTreeItemUniqId = function (item, index, parentId) { return (parentId || '0') + '.' + String(item.id || index); };
-exports.getTreeItemUniqId = getTreeItemUniqId;