@consta/uikit 3.18.2 → 3.18.3

package/Responses500/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Responses500",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Responses503/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Responses503",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesConnectionError/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesConnectionError",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesDeleted/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesDeleted",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesEmptyBox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesEmptyBox",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesEmptyPockets/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesEmptyPockets",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesExit/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesExit",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesImage/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesImage",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesImage403/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesImage403",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesImage404/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesImage404",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesImage500/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesImage500",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesImage503/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesImage503",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesImageConnectionError/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesImageConnectionError",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesImageDeleted/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesImageDeleted",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesImageEmptyBox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesImageEmptyBox",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesImageEmptyPockets/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesImageEmptyPockets",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesImageNothingFound/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesImageNothingFound",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesImageSuccess/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesImageSuccess",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesNothingFound/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesNothingFound",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ResponsesSuccess/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ResponsesSuccess",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Select/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Select",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Sidebar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Sidebar",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Skeleton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Skeleton",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/SliderCanary/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/SliderCanary",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/SnackBar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/SnackBar",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Steps/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Steps",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Switch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Switch",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/SwitchGroup/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/SwitchGroup",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Table/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Table",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Tabs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Tabs",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Tag/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Tag",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/TagBase/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/TagBase",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Text/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Text",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/TextField/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/TextField",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Theme/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Theme",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/ThemeToggler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/ThemeToggler",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Timer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Timer",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/Tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/Tooltip",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/User/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/User",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/UserSelect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/UserSelect",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/UserSelectDeprecated/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/UserSelectDeprecated",
-  "version": "3.18.2",
+  "version": "3.18.3",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/__internal__/cjs-src/components/ChoiceGroup/ChoiceGroup.css

@@ -5,13 +5,16 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  max-width: 100%;
   background-color: var(--choice-group-bg-color);
   border-radius: var(--choice-radius);
   -webkit-box-shadow: inset 0 0 0 var(--control-border-width) var(--choice-group-border-color);
           box-shadow: inset 0 0 0 var(--control-border-width) var(--choice-group-border-color);
 }
 
+  .ChoiceGroup_truncate {
+    max-width: 100%;
+  }
+
   .ChoiceGroup_view_primary {
       --choice-bg-color: var(--color-control-bg-primary);
       --choice-text-color: var(--color-control-typo-primary);

package/__internal__/cjs-src/components/ChoiceGroup/ChoiceGroup.d.ts

@@ -37,6 +37,7 @@ declare type Props<ITEM, MULTIPLE extends boolean = false> = PropsWithHTMLAttrib
     value?: ChoiceGroupPropValue<ITEM, MULTIPLE>;
     onChange?: ChoiceGroupPropOnChange<ITEM, MULTIPLE>;
     multiple?: MULTIPLE;
+    truncate?: boolean;
     children?: never;
 }, HTMLDivElement>;
 declare type ChoiceGroupComponent = <ITEM, MULTIPLE extends boolean = false>(props: Props<ITEM, MULTIPLE>) => React.ReactElement | null;

package/__internal__/cjs-src/components/ChoiceGroup/ChoiceGroup.js

@@ -24,7 +24,7 @@ var sizeMap = {
 };
 exports.cnChoiceGroup = bem_1.cn('ChoiceGroup');
 exports.ChoiceGroup = react_1["default"].forwardRef(function (props, ref) {
-    var _a = props.size, size = _a === void 0 ? exports.choiceGroupDefaultSize : _a, _b = props.form, form = _b === void 0 ? exports.choiceGroupDefaultForm : _b, _c = props.view, view = _c === void 0 ? exports.choiceGroupDefaultView : _c, _d = props.width, width = _d === void 0 ? exports.choiceGroupWidthDefault : _d, onlyIcon = props.onlyIcon, iconSizeProp = props.iconSize, _e = props.value, value = _e === void 0 ? null : _e, _f = props.multiple, multiple = _f === void 0 ? false : _f, items = props.items, getLabel = props.getLabel, onChange = props.onChange, getIcon = props.getIcon, name = props.name, className = props.className, _g = props.disabled, disabled = _g === void 0 ? false : _g, getDisabled = props.getDisabled, otherProps = tslib_1.__rest(props, ["size", "form", "view", "width", "onlyIcon", "iconSize", "value", "multiple", "items", "getLabel", "onChange", "getIcon", "name", "className", "disabled", "getDisabled"]);
+    var _a = props.size, size = _a === void 0 ? exports.choiceGroupDefaultSize : _a, _b = props.form, form = _b === void 0 ? exports.choiceGroupDefaultForm : _b, _c = props.view, view = _c === void 0 ? exports.choiceGroupDefaultView : _c, _d = props.width, width = _d === void 0 ? exports.choiceGroupWidthDefault : _d, onlyIcon = props.onlyIcon, iconSizeProp = props.iconSize, _e = props.value, value = _e === void 0 ? null : _e, _f = props.multiple, multiple = _f === void 0 ? false : _f, items = props.items, getLabel = props.getLabel, onChange = props.onChange, getIcon = props.getIcon, name = props.name, className = props.className, _g = props.disabled, disabled = _g === void 0 ? false : _g, getDisabled = props.getDisabled, truncate = props.truncate, otherProps = tslib_1.__rest(props, ["size", "form", "view", "width", "onlyIcon", "iconSize", "value", "multiple", "items", "getLabel", "onChange", "getIcon", "name", "className", "disabled", "getDisabled", "truncate"]);
     var _h = useChoiceGroup_1.useChoiceGroup({
         value: value,
         getKey: getLabel,
@@ -32,7 +32,9 @@ exports.ChoiceGroup = react_1["default"].forwardRef(function (props, ref) {
         multiple: multiple
     }), getOnChange = _h.getOnChange, getChecked = _h.getChecked;
     var iconSize = getByMap_1.getByMap(sizeMap, size, iconSizeProp);
-    return (react_1["default"].createElement("div", tslib_1.__assign({}, otherProps, { ref: ref, className: exports.cnChoiceGroup({ size: size, form: form, view: view, width: width, onlyIcon: onlyIcon, disabled: disabled }, [className]) }), items.map(function (item, idx) {
+    return (react_1["default"].createElement("div", tslib_1.__assign({}, otherProps, { ref: ref, className: exports.cnChoiceGroup({ size: size, form: form, view: view, width: width, onlyIcon: onlyIcon, disabled: disabled, truncate: truncate }, [
+            className,
+        ]) }), items.map(function (item, idx) {
         var itemChecked = getChecked(item);
         var itemDisabled = !!getDisabled && getDisabled(item);
         return (react_1["default"].createElement(react_1["default"].Fragment, { key: getLabel(item) },

package/__internal__/cjs-src/components/ContextMenuCanary/ContextMenuLevel/ContextMenuLevel.d.ts

@@ -1,4 +1,5 @@
 import './ContextMenuLevel.css';
 import { ContextMenuLevelComponent } from '../types';
 export declare const cnContextMenuLevel: import("@bem-react/classname").ClassNameFormatter;
+export declare function clearTimers(): void;
 export declare const ContextMenuLevel: ContextMenuLevelComponent;

package/__internal__/cjs-src/components/ContextMenuCanary/ContextMenuLevel/ContextMenuLevel.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.ContextMenuLevel = exports.cnContextMenuLevel = void 0;
+exports.ContextMenuLevel = exports.clearTimers = exports.cnContextMenuLevel = void 0;
 var tslib_1 = require("tslib");
 require("./ContextMenuLevel.css");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -24,6 +24,26 @@ var renderHeader = function (groupLabel, first, size) {
     }
     return (react_1["default"].createElement(Text_1.Text, { view: "secondary", transform: "uppercase", className: exports.cnContextMenuLevel('Header', { size: size, first: first }), size: getByMap_1.getByMap(helper_1.sizeMapHeader, size) }, groupLabel));
 };
+var timers = [];
+function clearTimers() {
+    var e_1, _a;
+    try {
+        for (var timers_1 = tslib_1.__values(timers), timers_1_1 = timers_1.next(); !timers_1_1.done; timers_1_1 = timers_1.next()) {
+            var timer = timers_1_1.value;
+            clearTimeout(timer);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (timers_1_1 && !timers_1_1.done && (_a = timers_1["return"])) _a.call(timers_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    timers = [];
+}
+exports.clearTimers = clearTimers;
+var closeDelay = 300;
 function ContextMenuLevelRender(props, ref) {
     var _a = props.size, size = _a === void 0 ? types_1.contextMenuDefaultSize : _a, items = props.items, groupsProp = props.groups, className = props.className, 
     // Свойства относящиеся к меню
@@ -37,7 +57,7 @@ function ContextMenuLevelRender(props, ref) {
     var _b = tslib_1.__read(useFlag_1.useFlag(false), 2), hovered = _b[0], setHovered = _b[1];
     var groups = getGroups_1.getGroups(items, getItemGroupId, groupsProp, getGroupId, sortGroup && (function (a, b) { return sortGroup(a.key, b.key); }));
     var constructItemRefs = function () {
-        var e_1, _a;
+        var e_2, _a;
         var refs = {};
         try {
             for (var groups_1 = tslib_1.__values(groups), groups_1_1 = groups_1.next(); !groups_1_1.done; groups_1_1 = groups_1.next()) {
@@ -47,20 +67,22 @@ function ContextMenuLevelRender(props, ref) {
                 }
             }
         }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
         finally {
             try {
                 if (groups_1_1 && !groups_1_1.done && (_a = groups_1["return"])) _a.call(groups_1);
             }
-            finally { if (e_1) throw e_1.error; }
+            finally { if (e_2) throw e_2.error; }
         }
         return refs;
     };
     var itemsRefs = react_1.useMemo(constructItemRefs, [items, groupsProp]);
     react_1.useEffect(function () {
         if (levelDepth !== 0 && !hovered && hoveredParenLevel < levelDepth) {
-            setTimeout(function () { return deleteLevel(levelDepth); }, 300);
+            clearTimeout(timers[levelDepth]);
+            timers[levelDepth] = setTimeout(function () { return deleteLevel(levelDepth); }, closeDelay);
         }
+        return function () { return clearTimeout(timers[levelDepth]); };
     }, [hovered, hoveredParenLevel]);
     var onMouseEnter = function (item, itemIndex) {
         var subMenu = getItemSubMenu(item);

package/__internal__/cjs-src/components/ContextMenuCanary/ContextMenuLevels/ContextMenuLevels.js

@@ -57,6 +57,7 @@ function ContextMenuLevelsRender(propsComponent, ref) {
         handler: function (e) { return onClickOutside === null || onClickOutside === void 0 ? void 0 : onClickOutside(e); }
     });
     react_1.useEffect(function () {
+        ContextMenuLevel_1.clearTimers();
         setLevels(helper_1.getLevels({
             levels: levels,
             items: items,
@@ -64,6 +65,7 @@ function ContextMenuLevelsRender(propsComponent, ref) {
             getItemKey: getItemKey,
             getItemSubMenu: getItemSubMenu
         }));
+        return function () { return ContextMenuLevel_1.clearTimers(); };
     }, [items]);
     var firstLevelRef = useForkRef_1.useForkRef([levelsRefs[0], ref]);
     return (react_1["default"].createElement(react_1["default"].Fragment, null, levels.map(function (level, index) { return (react_1["default"].createElement(ContextMenuLevel_1.ContextMenuLevel, tslib_1.__assign({}, otherProps, level, { key: "ContextMenu-" + index, style: tslib_1.__assign(tslib_1.__assign({}, style), {

package/__internal__/cjs-src/components/DatePickerCanary/DatePickerCanary.js

@@ -11,24 +11,28 @@ var DatePickerTypeDate_1 = require("./DatePickerTypeDate/DatePickerTypeDate");
 var DatePickerTypeDateRange_1 = require("./DatePickerTypeDateRange/DatePickerTypeDateRange");
 var DatePickerTypeDateTime_1 = require("./DatePickerTypeDateTime/DatePickerTypeDateTime");
 var DatePickerTypeDateTimeRange_1 = require("./DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange");
+var DatePickerTypeTime_1 = require("./DatePickerTypeTime/DatePickerTypeTime");
 var helpers_1 = require("./helpers");
 var typeMap = {
     'date': DatePickerTypeDate_1.DatePickerTypeDate,
     'date-range': DatePickerTypeDateRange_1.DatePickerTypeDateRange,
     'date-time': DatePickerTypeDateTime_1.DatePickerTypeDateTime,
-    'date-time-range': DatePickerTypeDateTimeRange_1.DatePickerTypeDateTimeRange
+    'date-time-range': DatePickerTypeDateTimeRange_1.DatePickerTypeDateTimeRange,
+    'time': DatePickerTypeTime_1.DatePickerTypeTime
 };
 exports.COMPONENT_NAME = 'DatePicker';
 exports.DatePicker = react_1.forwardRef(function (props, ref) {
     var datePickerRef = react_1.useRef(null);
     var _a = usePropsHandler_1.usePropsHandler(exports.COMPONENT_NAME, props, datePickerRef), _b = _a.type, type = _b === void 0 ? helpers_1.datePickerPropTypeDefault : _b, _c = _a.minDate, minDate = _c === void 0 ? date_1.minDateDefault : _c, _d = _a.maxDate, maxDate = _d === void 0 ? date_1.maxDateDefault : _d, multiplicityMinutes = _a.multiplicityMinutes, multiplicitySeconds = _a.multiplicitySeconds, multiplicityHours = _a.multiplicityHours, otherProps = tslib_1.__rest(_a, ["type", "minDate", "maxDate", "multiplicityMinutes", "multiplicitySeconds", "multiplicityHours"]);
-    var timeProps = type === 'date-time'
-        ? {
-            multiplicityMinutes: multiplicityMinutes,
-            multiplicitySeconds: multiplicitySeconds,
-            multiplicityHours: multiplicityHours
-        }
-        : undefined;
+    var timeProps = react_1.useMemo(function () {
+        return helpers_1.isTypeWithTime(type)
+            ? {
+                multiplicityMinutes: multiplicityMinutes,
+                multiplicitySeconds: multiplicitySeconds,
+                multiplicityHours: multiplicityHours
+            }
+            : undefined;
+    }, [type, multiplicityMinutes, multiplicitySeconds, multiplicityHours]);
     var Component = getByMap_1.getByMap(typeMap, type);
     return (react_1["default"].createElement(Component, tslib_1.__assign({}, otherProps, timeProps, { minDate: minDate, maxDate: maxDate, ref: useForkRef_1.useForkRef([ref, datePickerRef]) })));
 });