@steroidsjs/core 3.0.72 → 3.0.74

package/docs-autogen-result.json

@@ -6957,6 +6957,15 @@
                     "example": "{width: '45%'}",
                     "defaultValue": null
                 },
+                {
+                    "name": "timeZone",
+                    "decorators": [],
+                    "description": "Часовой пояс в формате IANA, для выделения текущего дня, если дата изменена в CalendarSystem.\nНе влияет на изменение даты в Calendar.",
+                    "required": false,
+                    "type": "string",
+                    "example": "'Europe/Moscow'",
+                    "defaultValue": null
+                },
                 {
                     "name": "value",
                     "decorators": [],
@@ -7142,6 +7151,14 @@
                     "type": "CSSProperties",
                     "example": "{width: '45%'}"
                 },
+                {
+                    "name": "timeZone",
+                    "decorators": [],
+                    "description": "Часовой пояс в формате IANA, для выделения текущего дня, если дата изменена в CalendarSystem.\nНе влияет на изменение даты в Calendar.",
+                    "required": false,
+                    "type": "string",
+                    "example": "'Europe/Moscow'"
+                },
                 {
                     "name": "toYear",
                     "decorators": [],
@@ -7150,6 +7167,14 @@
                     "type": "Date",
                     "example": null
                 },
+                {
+                    "name": "todayDate",
+                    "decorators": [],
+                    "description": "Текущая дата в формате Date, используется для выделения текущего дня в календаре.\nНе влияет на изменение даты в Calendar.",
+                    "required": true,
+                    "type": "Date",
+                    "example": null
+                },
                 {
                     "name": "value",
                     "decorators": [],
@@ -7822,6 +7847,15 @@
                     "example": "{width: '45%'}",
                     "defaultValue": null
                 },
+                {
+                    "name": "timeZone",
+                    "decorators": [],
+                    "description": "Часовой пояс в формате IANA",
+                    "required": false,
+                    "type": "string",
+                    "example": "'Europe/Moscow'",
+                    "defaultValue": null
+                },
                 {
                     "name": "users",
                     "decorators": [],

package/en.json

@@ -1000,11 +1000,14 @@
     "Сохранение в localStorage уровней вложенности.": "",
     "Изначально отображать все элементы раскрытыми": "",
     "Нужно ли отображать кнопку \"сегодня\" под календарем.": "",
+    "Часовой пояс в формате IANA, для выделения текущего дня, если дата изменена в CalendarSystem.\nНе влияет на изменение даты в Calendar.": "",
+    "Текущая дата в формате Date, используется для выделения текущего дня в календаре.\nНе влияет на изменение даты в Calendar.": "",
     "Дополнительные свойства для списка календарей бокового календаря": "",
     "Дополнительные свойства для бокового календаря": "",
     "Данные для формы с текущими датами календаря": "",
     "Свойства для сетки дня": "",
     "Свойства для сетки месяца": "",
+    "Часовой пояс в формате IANA": "",
     "Свойства для сетки недели": "",
     "Конечная дата": "",
     "Начальная дата": "",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/core",
-    "version": "3.0.72",
+    "version": "3.0.74",
     "description": "",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
     "repository": {

package/ui/content/Calendar/Calendar.d.ts

@@ -63,6 +63,12 @@ export interface ICalendarProps extends IUiComponent {
      * @default true
      */
     showTodayButton?: boolean;
+    /**
+     * Часовой пояс в формате IANA, для выделения текущего дня, если дата изменена в CalendarSystem.
+     * Не влияет на изменение даты в Calendar.
+     * @example 'Europe/Moscow'
+     */
+    timeZone?: string;
 }
 export interface ICalendarViewProps extends ICalendarProps {
     /**
@@ -97,6 +103,11 @@ export interface ICalendarViewProps extends ICalendarProps {
      * Функция изменения состояние отображения панели для выбора месяца/года
      */
     toggleCaptionPanel: () => void;
+    /**
+     * Текущая дата в формате Date, используется для выделения текущего дня в календаре.
+     * Не влияет на изменение даты в Calendar.
+     */
+    todayDate: Date;
 }
 declare function Calendar(props: ICalendarProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 declare namespace Calendar {

package/ui/content/Calendar/Calendar.js

@@ -1,8 +1,16 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 exports.__esModule = true;
 var react_1 = require("react");
+var dayjs_1 = __importDefault(require("dayjs"));
+var utc_1 = __importDefault(require("dayjs/plugin/utc"));
+var timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
 var hooks_1 = require("../../../hooks");
 var calendar_1 = require("../../../utils/calendar");
+dayjs_1["default"].extend(utc_1["default"]);
+dayjs_1["default"].extend(timezone_1["default"]);
 function Calendar(props) {
     var components = (0, hooks_1.useComponents)();
     var currentYear = new Date().getFullYear();
@@ -38,6 +46,15 @@ function Calendar(props) {
             props.onMonthChange(newMonth);
         }
     }, [props]);
+    var getTodayByTimezone = (0, react_1.useCallback)(function (timeZone) {
+        var now = (0, dayjs_1["default"])();
+        var zoned = timeZone ? now.tz(timeZone) : now;
+        var y = zoned.year();
+        var m = zoned.month();
+        var d = zoned.date();
+        return new Date(y, m, d, 12, 0, 0, 0);
+    }, []);
+    var todayDate = (0, react_1.useMemo)(function () { return getTodayByTimezone(props.timeZone); }, [props.timeZone, getTodayByTimezone]);
     var viewProps = (0, react_1.useMemo)(function () { return ({
         month: month,
         toYear: toYear,
@@ -47,6 +64,7 @@ function Calendar(props) {
         selectedDates: selectedDates,
         toggleCaptionPanel: toggleCaptionPanel,
         isCaptionPanelVisible: isCaptionPanelVisible,
+        todayDate: todayDate,
         showTodayButton: props.showTodayButton,
         style: props.style,
         className: props.className,
@@ -56,7 +74,7 @@ function Calendar(props) {
         numberOfMonths: props.numberOfMonths
     }); }, [fromYear, isCaptionPanelVisible, month, onDaySelect, onMonthSelect, props.className,
         props.numberOfMonths, props.pickerProps, props.showFooter, props.showTodayButton, props.style,
-        props.viewProps, selectedDates, toYear, toggleCaptionPanel]);
+        props.viewProps, selectedDates, toYear, toggleCaptionPanel, todayDate]);
     return components.ui.renderView(props.view || 'content.CalendarView', viewProps);
 }
 Calendar.defaultProps = {

package/ui/content/CalendarSystem/CalendarSystem.d.ts

@@ -165,6 +165,11 @@ export interface ICalendarSystemProps extends IUiComponent {
         dateFromAttribute?: string;
         dateToAttribute?: string;
     };
+    /**
+     * Часовой пояс в формате IANA
+     * @example 'Europe/Moscow'
+     */
+    timeZone?: string;
     [key: string]: any;
 }
 export interface ICalendarSystemViewProps extends Pick<ICalendarSystemProps, 'className' | 'style' | 'additionalViewProps' | 'users' | 'asideCalendarProps' | 'asideCalendarCheckboxListProps'> {

package/ui/content/CalendarSystem/hooks/useCalendarSystem.d.ts

@@ -2,15 +2,21 @@ import React from 'react';
 import { ICalendarSystemProps, ICalendarUser, IEventGroup } from '../CalendarSystem';
 export declare const useCalendarSystem: (props: ICalendarSystemProps) => {
     monthGridWeekDays: any;
-    monthGridCalendarDays: import("../CalendarSystem").IDay[];
-    weekGridTwentyFourHoursArray: string[];
-    weekGridCurrentWeekDays: {
-        dayNumber: number;
+    monthGridCalendarDays: {
         date: Date;
+        dayNumber: number;
         outOfRange?: boolean;
         isToday?: boolean;
         formattedDisplay?: string;
     }[];
+    weekGridTwentyFourHoursArray: string[];
+    weekGridCurrentWeekDays: {
+        date: Date;
+        formattedDisplay: any;
+        isToday: boolean;
+        dayNumber: number;
+        outOfRange?: boolean;
+    }[];
     dayGridTwentyFourHoursArray: string[];
     dayGridCurrentDay: import("../CalendarSystem").IDay;
     dateToDisplay: any;

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

@@ -61,21 +61,21 @@ var useCalendarSystem = function (props) {
         setUsers(props.users);
     }, [props.users]);
     //Главная дата, от которой происходят все вычисления
-    var _f = react_1["default"].useState((0, utils_1.getFormattedDay)()), generalCurrentDay = _f[0], setGeneralCurrentDay = _f[1];
+    var _f = react_1["default"].useState((0, utils_1.getFormattedDay)(null, props.timeZone)), generalCurrentDay = _f[0], setGeneralCurrentDay = _f[1];
     var isGeneralCurrentDayNeedsUpdate = (0, react_1.useRef)(true);
     var updateGeneralCurrentDay = (0, react_1.useCallback)(function (newDate) {
         if (!isGeneralCurrentDayNeedsUpdate.current) {
             isGeneralCurrentDayNeedsUpdate.current = true;
             return;
         }
-        setGeneralCurrentDay((0, utils_1.getFormattedDay)(newDate));
-    }, [isGeneralCurrentDayNeedsUpdate]);
+        setGeneralCurrentDay((0, utils_1.getFormattedDay)(newDate, props.timeZone));
+    }, [isGeneralCurrentDayNeedsUpdate, props.timeZone]);
     var onCalendarChangedMonth = react_1["default"].useCallback(function (newDate) {
         updateGeneralCurrentDay(newDate);
     }, [updateGeneralCurrentDay]);
     var _g = (0, useDisplayDate_1["default"])(generalCurrentDay), dateToDisplay = _g.dateToDisplay, changeDisplayFormat = _g.changeDisplayFormat;
-    var _h = (0, useMonthGrid_1["default"])(generalCurrentDay), monthGridWeekDays = _h.monthGridWeekDays, monthGridCalendarDays = _h.monthGridCalendarDays;
-    var _j = (0, useWeekGrid_1["default"])(generalCurrentDay), weekGridTwentyFourHoursArray = _j.weekGridTwentyFourHoursArray, weekGridCurrentWeekDays = _j.weekGridCurrentWeekDays;
+    var _h = (0, useMonthGrid_1["default"])(generalCurrentDay, props.timeZone), monthGridWeekDays = _h.monthGridWeekDays, monthGridCalendarDays = _h.monthGridCalendarDays;
+    var _j = (0, useWeekGrid_1["default"])(generalCurrentDay, props.timeZone), weekGridTwentyFourHoursArray = _j.weekGridTwentyFourHoursArray, weekGridCurrentWeekDays = _j.weekGridCurrentWeekDays;
     var _k = (0, useDayGrid_1.useDayGrid)(generalCurrentDay), dayGridTwentyFourHoursArray = _k.dayGridTwentyFourHoursArray, dayGridCurrentDay = _k.dayGridCurrentDay;
     var _l = (0, useCalendarType_1.useCalendarType)(function (newType) {
         if (newType === CalendarType_1["default"].DAY) {

package/ui/content/CalendarSystem/hooks/useMonthGrid.d.ts

@@ -1,6 +1,12 @@
 import { IDay } from '../CalendarSystem';
-declare const useMonthGrid: (generalCurrentDay: IDay) => {
+declare const useMonthGrid: (generalCurrentDay: IDay, timeZone?: string) => {
     monthGridWeekDays: any;
-    monthGridCalendarDays: IDay[];
+    monthGridCalendarDays: {
+        date: Date;
+        dayNumber: number;
+        outOfRange?: boolean;
+        isToday?: boolean;
+        formattedDisplay?: string;
+    }[];
 };
 export default useMonthGrid;

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

@@ -18,7 +18,7 @@ var utils_1 = require("../utils/utils");
 var FIRST_DAY = 1;
 var ONE_MONTH = 1;
 var TOTAL_DAYS_IN_CALENDAR = 42;
-var useMonthGrid = function (generalCurrentDay) {
+var useMonthGrid = function (generalCurrentDay, timeZone) {
     var currentMonthData = (0, react_1.useMemo)(function () {
         var _a, _b;
         var currentYear = (_a = generalCurrentDay.date) === null || _a === void 0 ? void 0 : _a.getFullYear();
@@ -70,8 +70,12 @@ var useMonthGrid = function (generalCurrentDay) {
                 outOfRange: currentDate.getMonth() > currentMonth
             });
         }
-        return innerCalendarArray.map(function (day) { return (0, utils_1.isDateIsToday)(day.date) ? (__assign(__assign({}, day), { isToday: true })) : day; });
-    }, [generalCurrentDay.date, currentMonthData]);
+        return innerCalendarArray.map(function (day) {
+            var zoned = (0, utils_1.getDateInTimeZone)(day.date, timeZone);
+            return (0, utils_1.isTodayInTimeZone)(zoned, timeZone)
+                ? __assign(__assign({}, day), { date: zoned, isToday: true }) : __assign(__assign({}, day), { date: zoned });
+        });
+    }, [generalCurrentDay.date, currentMonthData, timeZone]);
     return {
         monthGridWeekDays: (0, utils_1.getWeekDays)(),
         monthGridCalendarDays: calendarArray

package/ui/content/CalendarSystem/hooks/useWeekGrid.d.ts

@@ -1,12 +1,12 @@
 import { IDay } from '../CalendarSystem';
-declare const useWeekGrid: (generalCurrentDay: IDay) => {
+declare const useWeekGrid: (generalCurrentDay: IDay, timeZone?: string) => {
     weekGridTwentyFourHoursArray: string[];
     weekGridCurrentWeekDays: {
-        dayNumber: number;
         date: Date;
+        formattedDisplay: any;
+        isToday: boolean;
+        dayNumber: number;
         outOfRange?: boolean;
-        isToday?: boolean;
-        formattedDisplay?: string;
     }[];
 };
 export default useWeekGrid;

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

@@ -2,11 +2,11 @@
 exports.__esModule = true;
 var react_1 = require("react");
 var utils_1 = require("../utils/utils");
-var useWeekGrid = function (generalCurrentDay) {
+var useWeekGrid = function (generalCurrentDay, timeZone) {
     var currentWeek = (0, react_1.useMemo)(function () {
-        var formattedWeek = (0, utils_1.getFormattedWeekFromDate)(generalCurrentDay.date);
+        var formattedWeek = (0, utils_1.getFormattedWeekFromDate)(generalCurrentDay.date, timeZone);
         return formattedWeek;
-    }, [generalCurrentDay.date]);
+    }, [generalCurrentDay.date, timeZone]);
     return {
         weekGridTwentyFourHoursArray: (0, utils_1.getTwentyFourHoursArray)(),
         weekGridCurrentWeekDays: currentWeek

package/ui/content/CalendarSystem/utils/utils.d.ts

@@ -1,17 +1,23 @@
 import { CSSProperties } from 'react';
 import { IDay, IEvent, IEventGroup } from '../CalendarSystem';
-export declare const getWeekDaysFromDate: (date: Date) => IDay[];
-export declare const isDateIsToday: (date: Date) => boolean;
+export declare const getDateInTimeZone: (date: Date, timeZone?: string) => Date;
+export declare const isTodayInTimeZone: (date: Date, timeZone?: string) => boolean;
+export declare const getWeekDaysFromDate: (date: Date, timeZone?: string) => IDay[];
 export declare const getOmittedEvent: (event: IEvent | Omit<IEvent, 'color'>) => any;
 export declare const sortEventsInGroup: (group: IEventGroup) => Omit<IEvent, "color">[];
 export declare const getSourceCalendarControl: (control: string) => HTMLElement;
-export declare const getFormattedDay: (date?: Date) => IDay;
-export declare const getFormattedWeekFromDate: (fromDate?: Date) => {
+export declare const getFormattedDay: (date?: Date, timeZone?: string) => {
     dayNumber: number;
     date: Date;
+    formattedDisplay: any;
+    isToday: boolean;
+};
+export declare const getFormattedWeekFromDate: (fromDate?: Date, timeZone?: string) => {
+    date: Date;
+    formattedDisplay: any;
+    isToday: boolean;
+    dayNumber: number;
     outOfRange?: boolean;
-    isToday?: boolean;
-    formattedDisplay?: string;
 }[];
 export declare const getTwentyFourHoursArray: () => string[];
 export declare const getWeekDays: () => any;

package/ui/content/CalendarSystem/utils/utils.js

@@ -14,37 +14,57 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.formatEventTime = exports.getTopMarginFromEvent = exports.getProportionFromEvent = exports.getWeekDays = exports.getTwentyFourHoursArray = exports.getFormattedWeekFromDate = exports.getFormattedDay = exports.getSourceCalendarControl = exports.sortEventsInGroup = exports.getOmittedEvent = exports.isDateIsToday = exports.getWeekDaysFromDate = void 0;
+exports.formatEventTime = exports.getTopMarginFromEvent = exports.getProportionFromEvent = exports.getWeekDays = exports.getTwentyFourHoursArray = exports.getFormattedWeekFromDate = exports.getFormattedDay = exports.getSourceCalendarControl = exports.sortEventsInGroup = exports.getOmittedEvent = exports.getWeekDaysFromDate = exports.isTodayInTimeZone = exports.getDateInTimeZone = void 0;
 /* eslint-disable no-plusplus */
 var dayjs_1 = __importDefault(require("dayjs"));
+var utc_1 = __importDefault(require("dayjs/plugin/utc"));
+var timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
 var omit_1 = __importDefault(require("lodash-es/omit"));
 var concat_1 = __importDefault(require("lodash-es/concat"));
 var slice_1 = __importDefault(require("lodash-es/slice"));
 var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
 var ceil_1 = __importDefault(require("lodash-es/ceil"));
 var calendar_1 = require("../../../../utils/calendar");
-var SIX_DAYS_DIFF = 6;
-var MAX_DAYS_DIFF_IN_WEEK = 7;
+dayjs_1["default"].extend(utc_1["default"]);
+dayjs_1["default"].extend(timezone_1["default"]);
 var WEEK_DAY_FORMAT = 'dd, D MMM';
-var getWeekDaysFromDate = function (date) {
+// Возвращает дату, смещённую относительно указанного часового пояса.
+var getDateInTimeZone = function (date, timeZone) {
+    if (!timeZone) {
+        return date;
+    }
+    var zoned = dayjs_1["default"].utc(date).tz(timeZone, true); // true => сохраняет локальное время
+    return zoned.toDate();
+};
+exports.getDateInTimeZone = getDateInTimeZone;
+// Проверяет, является ли данная дата сегодняшним днём в указанном часовом поясе.
+var isTodayInTimeZone = function (date, timeZone) {
+    if (!timeZone) {
+        return (0, dayjs_1["default"])(date).isToday();
+    }
+    var now = (0, dayjs_1["default"])().tz(timeZone);
+    var target = dayjs_1["default"].utc(date).tz(timeZone);
+    return now.isSame(target, 'day');
+};
+exports.isTodayInTimeZone = isTodayInTimeZone;
+var getWeekDaysFromDate = function (date, timeZone) {
     var weekDays = [];
     var firstDayOfWeek = new Date(date);
     var currentDay = date.getDay();
-    var diff = currentDay === 0 ? SIX_DAYS_DIFF : currentDay - 1; // Разница между текущим днем и понедельником
-    firstDayOfWeek.setDate(firstDayOfWeek.getDate() - diff); // Устанавливаем первый день недели (понедельник)
-    for (var i = 0; i < MAX_DAYS_DIFF_IN_WEEK; i++) {
+    var diff = currentDay === 0 ? 6 : currentDay - 1;
+    firstDayOfWeek.setDate(firstDayOfWeek.getDate() - diff);
+    for (var i = 0; i < 7; i++) {
         var currentDate = new Date(firstDayOfWeek);
-        currentDate.setDate(currentDate.getDate() + i);
+        currentDate.setDate(firstDayOfWeek.getDate() + i);
+        var zonedDate = (0, exports.getDateInTimeZone)(currentDate, timeZone);
         weekDays.push({
-            dayNumber: currentDate.getDate(),
-            date: new Date(currentDate)
+            dayNumber: zonedDate.getDate(),
+            date: zonedDate
         });
     }
     return weekDays;
 };
 exports.getWeekDaysFromDate = getWeekDaysFromDate;
-var isDateIsToday = function (date) { return (0, dayjs_1["default"])(date).isToday(); };
-exports.isDateIsToday = isDateIsToday;
 var getOmittedEvent = function (event) { return (0, omit_1["default"])(event, ['color', 'eventGroupId']); };
 exports.getOmittedEvent = getOmittedEvent;
 var sortEventsInGroup = function (group) { return group.events
@@ -56,26 +76,29 @@ var sortEventsInGroup = function (group) { return group.events
 exports.sortEventsInGroup = sortEventsInGroup;
 var getSourceCalendarControl = function (control) { return document.querySelector("[data-icon=\"control-".concat(control, "\"]")); };
 exports.getSourceCalendarControl = getSourceCalendarControl;
-var getFormattedDay = function (date) {
+var getFormattedDay = function (date, timeZone) {
     if (date === void 0) { date = null; }
-    var dateToFormat = date || new Date();
+    var base = date ? (0, dayjs_1["default"])(date) : (0, dayjs_1["default"])();
+    // Сбрасываем время до начала дня в часовом поясе
+    var zoned = timeZone
+        ? base.tz(timeZone).startOf('day')
+        : base.startOf('day');
+    var dayNumber = zoned.date();
+    var formattedDisplay = (0, calendar_1.convertDate)(zoned.toDate(), null, WEEK_DAY_FORMAT);
     return {
-        dayNumber: dateToFormat.getDate(),
-        date: new Date(dateToFormat),
-        formattedDisplay: (0, calendar_1.convertDate)(dateToFormat, null, WEEK_DAY_FORMAT),
-        isToday: (0, exports.isDateIsToday)(dateToFormat)
+        dayNumber: dayNumber,
+        date: zoned.toDate(),
+        formattedDisplay: formattedDisplay,
+        isToday: true
     };
 };
 exports.getFormattedDay = getFormattedDay;
-//TODO использовать существующие функции а не дублировать функционал
-var getFormattedWeekFromDate = function (fromDate) {
+var getFormattedWeekFromDate = function (fromDate, timeZone) {
     if (fromDate === void 0) { fromDate = null; }
     var currentWeek = (0, exports.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);
-        copyOfDayWeek.isToday = (0, exports.isDateIsToday)(copyOfDayWeek.date);
-        return copyOfDayWeek;
+        var zonedDate = dayOfWeek.date;
+        return __assign(__assign({}, dayOfWeek), { date: zonedDate, formattedDisplay: (0, calendar_1.convertDate)(zonedDate, null, WEEK_DAY_FORMAT), isToday: (0, exports.isTodayInTimeZone)(zonedDate, timeZone) });
     });
 };
 exports.getFormattedWeekFromDate = getFormattedWeekFromDate;

package/ui/form/AutoCompleteField/AutoCompleteField.js

@@ -50,7 +50,8 @@ function AutoCompleteField(props) {
         primaryKey: props.primaryKey,
         items: items,
         inputValue: props.input.value,
-        sourceItems: sourceItems
+        sourceItems: sourceItems,
+        hasCloseOnSelect: props.hasCloseOnSelect
     }), isOpened = _c.isOpened, setIsOpened = _c.setIsOpened, setIsFocused = _c.setIsFocused, hoveredId = _c.hoveredId, setHoveredId = _c.setHoveredId, selectedIds = _c.selectedIds, setSelectedIds = _c.setSelectedIds;
     var onOpen = (0, react_1.useCallback)(function () {
         setQuery('');
@@ -130,6 +131,7 @@ AutoCompleteField.defaultProps = {
     multiple: false,
     disabled: false,
     required: false,
-    showClear: false
+    showClear: false,
+    hasCloseOnSelect: true
 };
 exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.AUTO_COMPLETE_FIELD, AutoCompleteField);