@steroidsjs/core 3.0.15 → 3.0.17

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

@@ -1,9 +1,11 @@
+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 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) => {
     dayNumber: number;
     date: Date;
@@ -11,3 +13,8 @@ export declare const getFormattedWeekFromDate: (fromDate?: Date) => {
     isToday?: boolean;
     formattedDisplay?: string;
 }[];
+export declare const getTwentyFourHoursArray: () => string[];
+export declare const getWeekDays: () => any;
+export declare const getProportionFromEvent: (event: IEvent) => number;
+export declare const getTopMarginFromEvent: (event: IEvent) => CSSProperties;
+export declare const formatEventTime: (date: Date) => any;

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

@@ -14,10 +14,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.getFormattedWeekFromDate = 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.isDateIsToday = exports.getWeekDaysFromDate = void 0;
 /* eslint-disable no-plusplus */
 var dayjs_1 = __importDefault(require("dayjs"));
 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;
@@ -43,10 +47,27 @@ var isDateIsToday = function (date) { return (0, dayjs_1["default"])(date).isTod
 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.sort(function (eventA, eventB) { return eventA.date.getTime() - eventB.date.getTime(); }); };
+var sortEventsInGroup = function (group) { return group.events
+    .sort(function (eventA, eventB) {
+    var durationAInMinutest = (0, dayjs_1["default"])(eventA.startDate).diff((0, dayjs_1["default"])(eventA.endDate), 'minutes');
+    var durationBInMinutest = (0, dayjs_1["default"])(eventB.startDate).diff((0, dayjs_1["default"])(eventB.endDate), 'minutes');
+    return durationBInMinutest - durationAInMinutest;
+}); };
 exports.sortEventsInGroup = sortEventsInGroup;
-var getSourceCalendarControl = function (control) { return document.querySelector("[data-sourcecontrol=\"".concat(control, "\"]")); };
+var getSourceCalendarControl = function (control) { return document.querySelector("[data-icon=\"control-".concat(control, "\"]")); };
 exports.getSourceCalendarControl = getSourceCalendarControl;
+var getFormattedDay = function (date) {
+    if (date === void 0) { date = null; }
+    var dateToFormat = date || new Date();
+    return {
+        dayNumber: dateToFormat.getDate(),
+        date: new Date(dateToFormat),
+        formattedDisplay: (0, calendar_1.convertDate)(dateToFormat, null, WEEK_DAY_FORMAT),
+        isToday: (0, exports.isDateIsToday)(dateToFormat)
+    };
+};
+exports.getFormattedDay = getFormattedDay;
+//TODO использовать существующие функции а не дублировать функционал
 var getFormattedWeekFromDate = function (fromDate) {
     if (fromDate === void 0) { fromDate = null; }
     var currentWeek = (0, exports.getWeekDaysFromDate)(fromDate || new Date());
@@ -58,3 +79,36 @@ var getFormattedWeekFromDate = function (fromDate) {
     });
 };
 exports.getFormattedWeekFromDate = getFormattedWeekFromDate;
+var getTwentyFourHoursArray = function () {
+    var hoursArray = [];
+    for (var i = 0; i < 24; i++) {
+        var formattedHour = (0, dayjs_1["default"])().startOf('day').add(i, 'hour').format('HH:00');
+        hoursArray.push(formattedHour);
+    }
+    return hoursArray;
+};
+exports.getTwentyFourHoursArray = getTwentyFourHoursArray;
+var getWeekDays = function () {
+    var unformattedDaysOfWeek = dayjs_1["default"].weekdaysMin();
+    return (0, concat_1["default"])((0, slice_1["default"])(unformattedDaysOfWeek, 1), unformattedDaysOfWeek[0]).map(function (weekDay) { return __("".concat((0, upperFirst_1["default"])(weekDay))); });
+};
+exports.getWeekDays = getWeekDays;
+var getProportionFromEvent = function (event) {
+    var startDate = (0, dayjs_1["default"])(event.startDate);
+    var endDate = (0, dayjs_1["default"])(event.endDate);
+    var durationInMinutest = endDate.diff(startDate, 'minutes');
+    return 100 * (0, ceil_1["default"])(durationInMinutest / 60, 1);
+};
+exports.getProportionFromEvent = getProportionFromEvent;
+var getTopMarginFromEvent = function (event) {
+    var startDate = (0, dayjs_1["default"])(event.startDate);
+    var startDateHour = startDate.set('minutes', 0);
+    var durationInMinutest = startDate.diff(startDateHour, 'minutes');
+    var topMargin = (0, ceil_1["default"])(durationInMinutest / 60, 1) * 100;
+    return {
+        top: "".concat(topMargin, "%")
+    };
+};
+exports.getTopMarginFromEvent = getTopMarginFromEvent;
+var formatEventTime = function (date) { return (0, calendar_1.convertDate)(date, null, 'HH:mm'); };
+exports.formatEventTime = formatEventTime;

package/ui/content/Icon/Icon.d.ts

@@ -41,6 +41,10 @@ export interface IIconProps extends Omit<IUiComponent, 'className' | 'style'>, P
     * Функция которая вызывается при клике по иконке
     */
     onClick?: any;
+    /**
+    * Дополнительные данные которые попадут в дата аттрибут data-icon
+    */
+    dataIcon?: any;
     [key: string]: any;
 }
 export interface IIconViewProps extends IIconProps {

package/ui/content/Icon/Icon.js

@@ -41,8 +41,9 @@ function Icon(props) {
         title: props.title,
         className: props.className,
         style: props.style,
-        icon: icon
-    }); }, [props.onClick, props.tabIndex, props.title, props.className, props.style, icon]);
+        icon: icon,
+        dataIcon: props.dataIcon
+    }); }, [props.onClick, props.tabIndex, props.title, props.className, props.style, props.dataIcon, icon]);
     if (!(0, isString_1["default"])(name)) {
         return null;
     }

package/ui/form/DateField/useDateInputState.js

@@ -42,7 +42,7 @@ function useDateInputState(props) {
     }, [propsDisplayValue]);
     // Display input change handler
     var onDisplayValueChange = (0, react_1.useCallback)(function (value) {
-        value = value.replace(/[^0-9:. ]/g, '');
+        value = value.replace(/[^0-9:., ]/g, '');
         setDisplayValue(value);
         var newValue = value;
         if (value !== null) {

package/ui/form/DateTimeField/DateTimeField.js

@@ -91,7 +91,8 @@ DateTimeField.defaultProps = {
     maskOptions: (0, kit_1.maskitoDateTimeOptionsGenerator)({
         dateMode: 'dd/mm/yyyy',
         timeMode: 'HH:MM',
-        dateSeparator: '.'
+        dateSeparator: '.',
+        dateTimeSeparator: DATE_TIME_SEPARATOR
     })
 };
 exports["default"] = (0, fieldWrapper_1["default"])('DateTimeField', DateTimeField);

package/ui/form/PasswordField/PasswordField.js

@@ -62,21 +62,28 @@ function PasswordField(props) {
     }, [type]);
     var inputProps = (0, react_1.useMemo)(function () {
         var _a;
-        return (__assign({ name: props.input.name, defaultValue: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', placeholder: props.placeholder, disabled: props.disabled, ref: inputRef, onChange: onChange, type: type }, props.inputProps));
-    }, [inputRef, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder, type]);
+        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', placeholder: props.placeholder, ref: inputRef, onChange: onChange, type: type }, props.inputProps));
+    }, [inputRef, onChange, props.input.name, props.input.value, props.inputProps, props.placeholder, type]);
     var viewProps = (0, react_1.useMemo)(function () { return ({
-        viewProps: props.viewProps,
+        inputRef: inputRef,
         inputProps: inputProps,
-        securityLevel: props.showSecurityBar ? (0, exports.checkPassword)(props.input.value) : null,
         onClear: onClear,
         onShowButtonClick: onShowButtonClick,
+        securityLevel: props.showSecurityBar ? (0, exports.checkPassword)(props.input.value) : null,
         size: props.size,
         input: props.input,
         className: props.className,
         showSecurityIcon: props.showSecurityIcon,
-        showSecurityBar: props.showSecurityBar
-    }); }, [inputProps, onClear, onShowButtonClick, props.className, props.input, props.showSecurityBar, props.showSecurityIcon,
-        props.size, props.viewProps]);
+        showSecurityBar: props.showSecurityBar,
+        errors: props.errors,
+        style: props.style,
+        placeholder: props.placeholder,
+        required: props.required,
+        id: props.id,
+        viewProps: props.viewProps,
+        disabled: props.disabled
+    }); }, [inputProps, inputRef, onClear, onShowButtonClick, props.className, props.disabled, props.errors, props.id,
+        props.input, props.placeholder, props.required, props.showSecurityBar, props.showSecurityIcon, props.size, props.style, props.viewProps]);
     return components.ui.renderView(props.view || 'form.PasswordFieldView' || 'form.InputFieldView', viewProps);
 }
 PasswordField.defaultProps = {

package/ui/form/RadioListField/RadioListField.js

@@ -92,7 +92,7 @@ RadioListField.defaultProps = {
     disabled: false,
     required: false,
     className: '',
-    multiple: true,
+    multiple: false,
     errors: null,
     orientation: 'vertical'
 };

package/ui/form/SliderField/SliderField.d.ts

@@ -56,6 +56,14 @@ export interface ISliderFieldProps extends IFieldWrapperInputProps, IUiComponent
         };
         label: any;
     } | React.ReactNode | string>;
+    /**
+     * Функция, вызываемая в момент перетаскивания tip'а у слайдера
+     * @example
+     * {
+     *  () => console.log('Slider is moving')
+     * }
+     */
+    onChange?: (value: any) => void;
     /**
      * Функция, вызываемая после отпускания tip'а у слайдера (при событии onmouseup)
      * @see https://github.com/schrodinger/rc-slider

package/ui/form/SliderField/SliderField.js

@@ -21,6 +21,19 @@ var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var normalizeValue = function (value) { return (0, toInteger_1["default"])(String(value).replace(/[0-9]g/, '')) || 0; };
 function SliderField(props) {
     var components = (0, hooks_1.useComponents)();
+    var onChange = (0, react_1.useCallback)(function (value) {
+        if (props.onChange) {
+            props.onChange(value);
+        }
+        props.input.onChange(value);
+    }, [props]);
+    var onAfterChange = (0, react_1.useCallback)(function (value) {
+        var normalizedValue = normalizeValue(value);
+        if (props.onAfterChange) {
+            props.onAfterChange(normalizedValue);
+        }
+        props.input.onChange(normalizedValue);
+    }, [props]);
     var sliderProps = (0, react_1.useMemo)(function () { return ({
         min: props.min,
         max: props.max,
@@ -33,13 +46,10 @@ function SliderField(props) {
         valuePostfix: props.valuePostfix,
         defaultValue: props.defaultValue,
         tooltipIsVisible: props.tooltipIsVisible,
-        onChange: function (range) { return props.input.onChange.call(null, range); },
-        onAfterChange: function (value) {
-            value = normalizeValue(value);
-            props.input.onChange.call(null, value);
-        }
-    }); }, [props.min, props.max, props.step, props.marks, props.isRange, props.disabled, props.isVertical, props.input.value,
-        props.input.onChange, props.valuePostfix, props.defaultValue, props.tooltipIsVisible]);
+        onChange: onChange,
+        onAfterChange: onAfterChange
+    }); }, [onAfterChange, onChange, props.defaultValue, props.disabled, props.input.value, props.isRange,
+        props.isVertical, props.marks, props.max, props.min, props.step, props.tooltipIsVisible, props.valuePostfix]);
     var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, sliderProps), { slider: props.slider, className: props.className, rangeDefaultValue: props.rangeDefaultValue, sliderDefaultValue: props.sliderDefaultValue, style: props.style })); }, [props.className, props.rangeDefaultValue, props.slider, props.sliderDefaultValue, props.style, sliderProps]);
     return components.ui.renderView(props.view || 'form.SliderFieldView', viewProps);
 }

package/ui/list/Grid/Grid.d.ts

@@ -192,6 +192,7 @@ export interface IGridViewProps extends Omit<IGridProps, 'onFetch'> {
     layoutNamesPosition: ListControlPosition;
     renderList: (children: any) => any;
     renderEmpty: () => any;
+    renderLoading: () => any;
     renderPagination: () => any;
     renderPaginationSize: () => any;
     renderLayoutNames: () => any;

package/ui/list/Grid/Grid.js

@@ -69,7 +69,7 @@ function Grid(props) {
         initialItems: props.initialItems,
         initialTotal: props.initialTotal,
         autoFetchOnFormChanges: props.autoFetchOnFormChanges
-    }), list = _a.list, model = _a.model, searchModel = _a.searchModel, paginationPosition = _a.paginationPosition, paginationSizePosition = _a.paginationSizePosition, layoutNamesPosition = _a.layoutNamesPosition, renderList = _a.renderList, renderEmpty = _a.renderEmpty, renderPagination = _a.renderPagination, renderPaginationSize = _a.renderPaginationSize, renderLayoutNames = _a.renderLayoutNames, renderSearchForm = _a.renderSearchForm, onFetch = _a.onFetch, onSort = _a.onSort;
+    }), list = _a.list, model = _a.model, searchModel = _a.searchModel, paginationPosition = _a.paginationPosition, paginationSizePosition = _a.paginationSizePosition, layoutNamesPosition = _a.layoutNamesPosition, renderList = _a.renderList, renderLoading = _a.renderLoading, renderEmpty = _a.renderEmpty, renderPagination = _a.renderPagination, renderPaginationSize = _a.renderPaginationSize, renderLayoutNames = _a.renderLayoutNames, renderSearchForm = _a.renderSearchForm, onFetch = _a.onFetch, onSort = _a.onSort;
     var renderLabel = (0, react_1.useCallback)(function (column) {
         if (column.headerView) {
             var HeaderView = column.headerView;
@@ -124,6 +124,7 @@ function Grid(props) {
         paginationSizePosition: paginationSizePosition,
         layoutNamesPosition: layoutNamesPosition,
         renderList: renderList,
+        renderLoading: renderLoading,
         renderEmpty: renderEmpty,
         renderPagination: renderPagination,
         renderPaginationSize: renderPaginationSize,
@@ -143,7 +144,7 @@ function Grid(props) {
         primaryKey: props.primaryKey
     }); }, [columns, layoutNamesPosition, list, onFetch, onSort, paginationPosition, paginationSizePosition, props.className,
         props.hasAlternatingColors, props.isLoading, props.listId, props.primaryKey, props.searchForm, props.size, renderEmpty,
-        renderLayoutNames, renderList, renderPagination, renderPaginationSize, renderSearchForm, renderValue]);
+        renderLayoutNames, renderList, renderPagination, renderPaginationSize, renderSearchForm, renderValue, renderLoading]);
     return components.ui.renderView(props.view || 'list.GridView', viewProps);
 }
 exports["default"] = Grid;

package/ui/list/List/List.js

@@ -67,7 +67,7 @@ function List(props) {
         initialItems: props.initialItems,
         initialTotal: props.initialTotal,
         autoFetchOnFormChanges: props.autoFetchOnFormChanges
-    }), list = _a.list, paginationPosition = _a.paginationPosition, paginationSizePosition = _a.paginationSizePosition, layoutNamesPosition = _a.layoutNamesPosition, renderList = _a.renderList, renderEmpty = _a.renderEmpty, renderPagination = _a.renderPagination, renderPaginationSize = _a.renderPaginationSize, renderLayoutNames = _a.renderLayoutNames, renderSearchForm = _a.renderSearchForm;
+    }), list = _a.list, paginationPosition = _a.paginationPosition, paginationSizePosition = _a.paginationSizePosition, layoutNamesPosition = _a.layoutNamesPosition, renderList = _a.renderList, renderLoading = _a.renderLoading, renderEmpty = _a.renderEmpty, renderPagination = _a.renderPagination, renderPaginationSize = _a.renderPaginationSize, renderLayoutNames = _a.renderLayoutNames, renderSearchForm = _a.renderSearchForm;
     var ItemView = props.itemView || components.ui.getView('list.ListItemView');
     var content = ((list === null || list === void 0 ? void 0 : list.items) || []).map(function (item, index) { return (React.createElement(ItemView, __assign({}, props.itemProps, { key: item[props.primaryKey] || index, primaryKey: props.primaryKey, item: item, index: index, layoutSelected: list.layoutName }))); });
     var viewProps = (0, react_1.useMemo)(function () { return ({
@@ -76,6 +76,7 @@ function List(props) {
         paginationSizePosition: paginationSizePosition,
         layoutNamesPosition: layoutNamesPosition,
         renderList: renderList,
+        renderLoading: renderLoading,
         renderEmpty: renderEmpty,
         renderPagination: renderPagination,
         renderPaginationSize: renderPaginationSize,
@@ -86,7 +87,7 @@ function List(props) {
         className: props.className,
         contentClassName: props.contentClassName
     }); }, [content, layoutNamesPosition, list, paginationPosition, paginationSizePosition, props.className, props.contentClassName,
-        props.isLoading, renderEmpty, renderLayoutNames, renderList, renderPagination, renderPaginationSize, renderSearchForm]);
+        props.isLoading, renderEmpty, renderLayoutNames, renderList, renderPagination, renderPaginationSize, renderSearchForm, renderLoading]);
     return components.ui.renderView(props.view || 'list.ListView', viewProps);
 }
 exports["default"] = List;