@ozen-ui/kit 0.13.3 → 0.14.0

package/__inner__/cjs/components/Avatar/Avatar.js

@@ -24,14 +24,14 @@ exports.avatarHueVariant = [1, 2, 3];
 var avatarEl = 'div';
 exports.cnAvatar = (0, classname_1.cn)('Avatar');
 var getInitials = function (name) {
-    var _a, _b;
+    var _a, _b, _c;
     var parts = name.split(' ');
     var initials;
     if (parts.length === 1) {
-        initials = parts[0].charAt(0);
+        initials = ((_a = parts[0]) === null || _a === void 0 ? void 0 : _a.charAt(0)) || '';
     }
     else {
-        initials = ((_a = parts.shift()) !== null && _a !== void 0 ? _a : '').charAt(0) + ((_b = parts.pop()) !== null && _b !== void 0 ? _b : '').charAt(0);
+        initials = ((_b = parts.shift()) !== null && _b !== void 0 ? _b : '').charAt(0) + ((_c = parts.pop()) !== null && _c !== void 0 ? _c : '').charAt(0);
     }
     return initials.toUpperCase();
 };

package/__inner__/cjs/components/Avatar/get-hash-number.js

@@ -5,7 +5,7 @@ var cache = {};
 var getHashNumber = function (value, maxNumber) {
     var cacheIndex = "".concat(value, "-").concat(maxNumber);
     if (cache[cacheIndex]) {
-        return cache[cacheIndex];
+        return cache[cacheIndex] || 0;
     }
     var hash = 0;
     for (var i = 0, len = value.length; i < len; i++) {
@@ -14,6 +14,6 @@ var getHashNumber = function (value, maxNumber) {
         hash |= 0;
     }
     cache[cacheIndex] = Math.abs(hash) % maxNumber;
-    return cache[cacheIndex];
+    return cache[cacheIndex] || 0;
 };
 exports.getHashNumber = getHashNumber;

package/__inner__/cjs/components/DataList/DataList.js

@@ -10,6 +10,7 @@ var useEventListener_1 = require("../../hooks/useEventListener");
 var useMultiRef_1 = require("../../hooks/useMultiRef");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
+var isKey_1 = require("../../utils/isKey");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
 var List_1 = require("../List");
 var Popover_1 = require("../Popover");
@@ -63,16 +64,20 @@ var DataListRender = function (inProps, ref) {
         element: anchorRef,
         handler: onKeyDown,
     });
-    // Закрывает список как только элемент контроля теряет фокус
+    // Закрывает список нажатию клавиши {Tab}
+    // Событие focusout может не срабатывать на устройствах iOS,
+    // так как многие интерактивные элементы по клику не получают фокус.
     (0, useEventListener_1.useEventListener)({
         active: open,
-        eventName: 'focusout',
+        eventName: 'keydown',
         element: anchorRef,
-        handler: function () {
-            onClose === null || onClose === void 0 ? void 0 : onClose();
+        handler: function (event) {
+            if ((0, isKey_1.isKey)(event, 'Tab')) {
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+            }
         },
     });
-    return (react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ as: as, open: open, placement: "bottom-start", disableReturnFocus: true, disableClickOutside: true, disableEnforceFocus: true, offset: [0, 4], onClose: onClose, anchorRef: anchorRef, transitionProps: {
+    return (react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ as: as, open: open, placement: "bottom-start", disableReturnFocus: true, disableEnforceFocus: true, offset: [0, 4], onClose: onClose, anchorRef: anchorRef, transitionProps: {
             classNames: (0, exports.cnDataList)({ animation: true }),
         } }, other, { onEntered: function () {
             onEntered();

package/__inner__/cjs/components/DataList/useDataListNavigation.js

@@ -78,7 +78,7 @@ function useDataListNavigation(_a) {
         var newIndex = isArrowUp
             ? (0, getPrevIndex_1.getPrevIndex)(currentIndex !== null && currentIndex !== void 0 ? currentIndex : 0, values.length)
             : (0, getNextIndex_1.getNextIndex)(currentIndex !== null && currentIndex !== void 0 ? currentIndex : -1, values.length);
-        var newValue = values[newIndex];
+        var newValue = values[newIndex] || '';
         setCurrent(newValue);
         serFocused(newValue);
         if (ref === null || ref === void 0 ? void 0 : ref.current) {

package/__inner__/cjs/components/FieldIcon/FieldIcon.d.ts

@@ -1,14 +1,18 @@
 import './FieldIcon.css';
-import type { ComponentPropsWithRef, ComponentRef, FC } from 'react';
+import type { ComponentPropsWithRef, ComponentRef, FC, ReactElement } from 'react';
 import React from 'react';
 import type { IconProps, IconSize } from '@ozen-ui/icons';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 export declare const FIELD_ICON_DEFAULT_TAG = "div";
 export type FieldIconRef = ComponentRef<typeof FIELD_ICON_DEFAULT_TAG>;
 export type FieldIconProps = ComponentPropsWithRef<typeof FIELD_ICON_DEFAULT_TAG> & {
-    icon?: string | FC<IconProps & {
+    icon?: string | ReactElement<IconProps & {
         size?: IconSize;
-    }> | undefined;
+    }> | (() => ReactElement<IconProps & {
+        size?: IconSize;
+    }>) | FC<IconProps & {
+        size?: IconSize;
+    }>;
     size?: FormElementSizeVariant;
     children?: never;
 };

package/__inner__/cjs/components/FieldIcon/FieldIcon.js

@@ -10,11 +10,21 @@ var getIconSizeToFormElement_1 = require("../../utils/getIconSizeToFormElement")
 var FieldControl_1 = require("../FieldControl");
 exports.FIELD_ICON_DEFAULT_TAG = 'div';
 exports.cnFieldIcon = (0, classname_1.cn)('FieldIcon');
-var resolveChildren = function (Content, size) {
-    if (typeof Content === 'string') {
-        return Content;
+// TODO: взять за основу для всех рендер-функций
+var resolveChildren = function (content, size) {
+    if (typeof content === 'string') {
+        return content;
     }
-    if ((0, react_is_1.isValidElementType)(Content)) {
+    if ((0, react_is_1.isElement)(content)) {
+        return react_1.default.cloneElement(content, {
+            size: content.props.size || (size && (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size)),
+        });
+    }
+    if (typeof content === 'function' && !react_1.default.isValidElement(content)) {
+        return content({ size: size && (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size) });
+    }
+    if ((0, react_is_1.isValidElementType)(content)) {
+        var Content = content;
         return react_1.default.createElement(Content, { size: size && (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size) });
     }
     return null;

package/__inner__/cjs/components/FilePicker/constants.js

@@ -15,8 +15,8 @@ var FILE_PICKER_DEFAULT_VALUE_RENDERER = function (files, disableTruncate) {
     if (Array.isArray(files) && files.length > 1) {
         return "\u0424\u0430\u0439\u043B\u043E\u0432 \u0432\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(files.length);
     }
-    var _a = tslib_1.__read(files, 1), file = _a[0];
-    if (disableTruncate || file.name.length <= 20) {
+    var _a = tslib_1.__read(files, 1), _b = _a[0], file = _b === void 0 ? { name: '' } : _b;
+    if (disableTruncate || (file === null || file === void 0 ? void 0 : file.name.length) <= 20) {
         return file.name;
     }
     return "".concat(file.name.slice(0, 9), "...").concat(file.name.slice(-9));

package/__inner__/cjs/components/Menu/components/MenuList/MenuList.js

@@ -32,8 +32,9 @@ exports.MenuList = (0, react_1.forwardRef)(function (inProps, ref) {
         }
     });
     return (react_1.default.createElement(List_1.List, tslib_1.__assign({ role: "menu", as: "div", tabIndex: -1, onClick: function (e) {
+            var _a;
             if (e.target === e.currentTarget) {
-                nodesRef.current[0].focus();
+                (_a = nodesRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
             }
         }, ref: ref }, other), react_1.Children.map(resolvedChildren, function (child, index) {
         if (!(0, react_1.isValidElement)(child) ||

package/__inner__/cjs/components/Popover/Popover.js

@@ -81,8 +81,10 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
             enabled: !!equalAnchorWidth,
             fn: function (_a) {
                 var state = _a.state;
-                // eslint-disable-next-line no-param-reassign
-                state.styles.popper.width = "".concat(state.rects.reference.width, "px");
+                if ('popper' in state.styles) {
+                    // eslint-disable-next-line no-param-reassign
+                    state.styles.popper.width = "".concat(state.rects.reference.width, "px");
+                }
             },
             effect: function (_a) {
                 var _b;

package/__inner__/cjs/components/Snackbar/SnackbarProvider.js

@@ -64,20 +64,22 @@ exports.SnackbarProvider = (0, react_1.forwardRef)(function (inProps, ref) {
     }, [providerProps]);
     var context = (0, react_1.useMemo)(function () { return ({ pushMessage: pushMessage, closeMessage: closeMessage }); }, []);
     var snackbars = Object.keys(messagesByAnchorOrigin).map(function (origin) {
-        var messages = messagesByAnchorOrigin[origin];
-        return (react_1.default.createElement(components_1.Snackbar, tslib_1.__assign({}, other, { key: origin, anchorOrigin: messages[0].anchorOrigin, className: className, container: container, ref: ref }), messages.map(function (message) { return (react_1.default.createElement(components_1.SnackbarItem, tslib_1.__assign({}, message, { key: message.key, onClose: function (messageId) {
-                var _a;
-                closeMessage(messageId);
-                (_a = message.onClose) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
-            }, onExited: function (messageId) {
-                var _a;
-                handleExitedSnackbarItem(messageId);
-                (_a = message.onExited) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
-            }, onEntered: function (messageId) {
-                var _a;
-                handleEnteredSnackbarItem(messageId);
-                (_a = message.onEntered) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
-            } }))); })));
+        var _a;
+        var messages = messagesByAnchorOrigin[origin] || [];
+        return (react_1.default.createElement(components_1.Snackbar, tslib_1.__assign({}, other, { key: origin, anchorOrigin: (_a = messages === null || messages === void 0 ? void 0 : messages[0]) === null || _a === void 0 ? void 0 : _a.anchorOrigin, className: className, container: container, ref: ref }), !!messages.length &&
+            messages.map(function (message) { return (react_1.default.createElement(components_1.SnackbarItem, tslib_1.__assign({}, message, { key: message.key, onClose: function (messageId) {
+                    var _a;
+                    closeMessage(messageId);
+                    (_a = message.onClose) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
+                }, onExited: function (messageId) {
+                    var _a;
+                    handleExitedSnackbarItem(messageId);
+                    (_a = message.onExited) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
+                }, onEntered: function (messageId) {
+                    var _a;
+                    handleEnteredSnackbarItem(messageId);
+                    (_a = message.onEntered) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
+                } }))); })));
     });
     return (react_1.default.createElement(SnackbarContext_1.SnackbarContext.Provider, { value: context },
         children,

package/__inner__/cjs/components/Snackbar/components/Snackbar/Snackbar.d.ts

@@ -6,11 +6,11 @@ export declare const cnSnackbar: import("@bem-react/classname").ClassNameFormatt
 export type SnackbarRef = PortalRef;
 export type SnackbarProps = PortalProps & {
     /** Расположение сообщения относительно контейнера */
-    anchorOrigin: SnackbarAnchorOrigin;
+    anchorOrigin?: SnackbarAnchorOrigin;
 };
 export declare const Snackbar: React.ForwardRefExoticComponent<import("../../../Portal").PortalBaseProps & {
     as?: "div" | undefined;
 } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & {
     /** Расположение сообщения относительно контейнера */
-    anchorOrigin: SnackbarAnchorOrigin;
+    anchorOrigin?: SnackbarAnchorOrigin | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Snackbar/components/Snackbar/Snackbar.js

@@ -10,7 +10,7 @@ var Portal_1 = require("../../../Portal");
 var SnackbarManager_1 = require("./SnackbarManager");
 exports.cnSnackbar = (0, classname_1.cn)('Snackbar');
 exports.Snackbar = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.anchorOrigin, vertical = _b.vertical, horizontal = _b.horizontal, other = tslib_1.__rest(_a, ["children", "className", "anchorOrigin"]);
+    var children = _a.children, className = _a.className, _b = _a.anchorOrigin, _c = _b === void 0 ? {} : _b, vertical = _c.vertical, horizontal = _c.horizontal, other = tslib_1.__rest(_a, ["children", "className", "anchorOrigin"]);
     var popoverRef = (0, react_1.useRef)(null);
     (0, SnackbarManager_1.useSnackbarManager)(popoverRef, 1100);
     return (react_1.default.createElement(Portal_1.Portal, tslib_1.__assign({ ref: (0, useMultiRef_1.useMultiRef)([ref, popoverRef]), className: (0, exports.cnSnackbar)({

package/__inner__/cjs/components/Snackbar/store/helpers/updateMessagesFromQueue.js

@@ -28,6 +28,7 @@ var updateMessagesFromQueue = function (state) {
         return tslib_1.__assign(tslib_1.__assign({}, state), { messages: newMessages });
     }
     var _a = tslib_1.__read(queue), firstMessageItemFromQueue = _a[0], otherQueue = _a.slice(1);
-    return tslib_1.__assign(tslib_1.__assign({}, state), { messages: tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(messages), false), [firstMessageItemFromQueue], false), queue: otherQueue });
+    return tslib_1.__assign(tslib_1.__assign({}, state), { messages: messages && firstMessageItemFromQueue
+            ? tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(messages), false), [firstMessageItemFromQueue], false) : [], queue: otherQueue });
 };
 exports.updateMessagesFromQueue = updateMessagesFromQueue;

package/__inner__/esm/components/Avatar/Avatar.js

@@ -21,14 +21,14 @@ export var avatarHueVariant = [1, 2, 3];
 var avatarEl = 'div';
 export var cnAvatar = cn('Avatar');
 var getInitials = function (name) {
-    var _a, _b;
+    var _a, _b, _c;
     var parts = name.split(' ');
     var initials;
     if (parts.length === 1) {
-        initials = parts[0].charAt(0);
+        initials = ((_a = parts[0]) === null || _a === void 0 ? void 0 : _a.charAt(0)) || '';
     }
     else {
-        initials = ((_a = parts.shift()) !== null && _a !== void 0 ? _a : '').charAt(0) + ((_b = parts.pop()) !== null && _b !== void 0 ? _b : '').charAt(0);
+        initials = ((_b = parts.shift()) !== null && _b !== void 0 ? _b : '').charAt(0) + ((_c = parts.pop()) !== null && _c !== void 0 ? _c : '').charAt(0);
     }
     return initials.toUpperCase();
 };

package/__inner__/esm/components/Avatar/get-hash-number.js

@@ -2,7 +2,7 @@ var cache = {};
 export var getHashNumber = function (value, maxNumber) {
     var cacheIndex = "".concat(value, "-").concat(maxNumber);
     if (cache[cacheIndex]) {
-        return cache[cacheIndex];
+        return cache[cacheIndex] || 0;
     }
     var hash = 0;
     for (var i = 0, len = value.length; i < len; i++) {
@@ -11,5 +11,5 @@ export var getHashNumber = function (value, maxNumber) {
         hash |= 0;
     }
     cache[cacheIndex] = Math.abs(hash) % maxNumber;
-    return cache[cacheIndex];
+    return cache[cacheIndex] || 0;
 };

package/__inner__/esm/components/DataList/DataList.js

@@ -7,6 +7,7 @@ import { useEventListener } from '../../hooks/useEventListener';
 import { useMultiRef } from '../../hooks/useMultiRef';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
+import { isKey } from '../../utils/isKey';
 import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
 import { List } from '../List';
 import { Popover } from '../Popover';
@@ -60,16 +61,20 @@ var DataListRender = function (inProps, ref) {
         element: anchorRef,
         handler: onKeyDown,
     });
-    // Закрывает список как только элемент контроля теряет фокус
+    // Закрывает список нажатию клавиши {Tab}
+    // Событие focusout может не срабатывать на устройствах iOS,
+    // так как многие интерактивные элементы по клику не получают фокус.
     useEventListener({
         active: open,
-        eventName: 'focusout',
+        eventName: 'keydown',
         element: anchorRef,
-        handler: function () {
-            onClose === null || onClose === void 0 ? void 0 : onClose();
+        handler: function (event) {
+            if (isKey(event, 'Tab')) {
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+            }
         },
     });
-    return (React.createElement(Popover, __assign({ as: as, open: open, placement: "bottom-start", disableReturnFocus: true, disableClickOutside: true, disableEnforceFocus: true, offset: [0, 4], onClose: onClose, anchorRef: anchorRef, transitionProps: {
+    return (React.createElement(Popover, __assign({ as: as, open: open, placement: "bottom-start", disableReturnFocus: true, disableEnforceFocus: true, offset: [0, 4], onClose: onClose, anchorRef: anchorRef, transitionProps: {
             classNames: cnDataList({ animation: true }),
         } }, other, { onEntered: function () {
             onEntered();

package/__inner__/esm/components/DataList/useDataListNavigation.js

@@ -75,7 +75,7 @@ export function useDataListNavigation(_a) {
         var newIndex = isArrowUp
             ? getPrevIndex(currentIndex !== null && currentIndex !== void 0 ? currentIndex : 0, values.length)
             : getNextIndex(currentIndex !== null && currentIndex !== void 0 ? currentIndex : -1, values.length);
-        var newValue = values[newIndex];
+        var newValue = values[newIndex] || '';
         setCurrent(newValue);
         serFocused(newValue);
         if (ref === null || ref === void 0 ? void 0 : ref.current) {

package/__inner__/esm/components/FieldIcon/FieldIcon.d.ts

@@ -1,14 +1,18 @@
 import './FieldIcon.css';
-import type { ComponentPropsWithRef, ComponentRef, FC } from 'react';
+import type { ComponentPropsWithRef, ComponentRef, FC, ReactElement } from 'react';
 import React from 'react';
 import type { IconProps, IconSize } from '@ozen-ui/icons';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 export declare const FIELD_ICON_DEFAULT_TAG = "div";
 export type FieldIconRef = ComponentRef<typeof FIELD_ICON_DEFAULT_TAG>;
 export type FieldIconProps = ComponentPropsWithRef<typeof FIELD_ICON_DEFAULT_TAG> & {
-    icon?: string | FC<IconProps & {
+    icon?: string | ReactElement<IconProps & {
         size?: IconSize;
-    }> | undefined;
+    }> | (() => ReactElement<IconProps & {
+        size?: IconSize;
+    }>) | FC<IconProps & {
+        size?: IconSize;
+    }>;
     size?: FormElementSizeVariant;
     children?: never;
 };

package/__inner__/esm/components/FieldIcon/FieldIcon.js

@@ -1,17 +1,27 @@
 import { __assign, __read, __rest } from "tslib";
 import './FieldIcon.css';
 import React, { forwardRef, useContext } from 'react';
-import { isValidElementType } from 'react-is';
+import { isValidElementType, isElement } from 'react-is';
 import { cn } from '../../utils/classname';
 import { getIconSizeToFormElement } from '../../utils/getIconSizeToFormElement';
 import { FieldControlContext } from '../FieldControl';
 export var FIELD_ICON_DEFAULT_TAG = 'div';
 export var cnFieldIcon = cn('FieldIcon');
-var resolveChildren = function (Content, size) {
-    if (typeof Content === 'string') {
-        return Content;
+// TODO: взять за основу для всех рендер-функций
+var resolveChildren = function (content, size) {
+    if (typeof content === 'string') {
+        return content;
     }
-    if (isValidElementType(Content)) {
+    if (isElement(content)) {
+        return React.cloneElement(content, {
+            size: content.props.size || (size && getIconSizeToFormElement(size)),
+        });
+    }
+    if (typeof content === 'function' && !React.isValidElement(content)) {
+        return content({ size: size && getIconSizeToFormElement(size) });
+    }
+    if (isValidElementType(content)) {
+        var Content = content;
         return React.createElement(Content, { size: size && getIconSizeToFormElement(size) });
     }
     return null;

package/__inner__/esm/components/FilePicker/constants.js

@@ -12,8 +12,8 @@ export var FILE_PICKER_DEFAULT_VALUE_RENDERER = function (files, disableTruncate
     if (Array.isArray(files) && files.length > 1) {
         return "\u0424\u0430\u0439\u043B\u043E\u0432 \u0432\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(files.length);
     }
-    var _a = __read(files, 1), file = _a[0];
-    if (disableTruncate || file.name.length <= 20) {
+    var _a = __read(files, 1), _b = _a[0], file = _b === void 0 ? { name: '' } : _b;
+    if (disableTruncate || (file === null || file === void 0 ? void 0 : file.name.length) <= 20) {
         return file.name;
     }
     return "".concat(file.name.slice(0, 9), "...").concat(file.name.slice(-9));

package/__inner__/esm/components/Menu/components/MenuList/MenuList.js

@@ -29,8 +29,9 @@ export var MenuList = forwardRef(function (inProps, ref) {
         }
     });
     return (React.createElement(List, __assign({ role: "menu", as: "div", tabIndex: -1, onClick: function (e) {
+            var _a;
             if (e.target === e.currentTarget) {
-                nodesRef.current[0].focus();
+                (_a = nodesRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
             }
         }, ref: ref }, other), Children.map(resolvedChildren, function (child, index) {
         if (!isValidElement(child) ||

package/__inner__/esm/components/Popover/Popover.js

@@ -78,8 +78,10 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
             enabled: !!equalAnchorWidth,
             fn: function (_a) {
                 var state = _a.state;
-                // eslint-disable-next-line no-param-reassign
-                state.styles.popper.width = "".concat(state.rects.reference.width, "px");
+                if ('popper' in state.styles) {
+                    // eslint-disable-next-line no-param-reassign
+                    state.styles.popper.width = "".concat(state.rects.reference.width, "px");
+                }
             },
             effect: function (_a) {
                 var _b;

package/__inner__/esm/components/Snackbar/SnackbarProvider.js

@@ -61,20 +61,22 @@ export var SnackbarProvider = forwardRef(function (inProps, ref) {
     }, [providerProps]);
     var context = useMemo(function () { return ({ pushMessage: pushMessage, closeMessage: closeMessage }); }, []);
     var snackbars = Object.keys(messagesByAnchorOrigin).map(function (origin) {
-        var messages = messagesByAnchorOrigin[origin];
-        return (React.createElement(Snackbar, __assign({}, other, { key: origin, anchorOrigin: messages[0].anchorOrigin, className: className, container: container, ref: ref }), messages.map(function (message) { return (React.createElement(SnackbarItem, __assign({}, message, { key: message.key, onClose: function (messageId) {
-                var _a;
-                closeMessage(messageId);
-                (_a = message.onClose) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
-            }, onExited: function (messageId) {
-                var _a;
-                handleExitedSnackbarItem(messageId);
-                (_a = message.onExited) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
-            }, onEntered: function (messageId) {
-                var _a;
-                handleEnteredSnackbarItem(messageId);
-                (_a = message.onEntered) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
-            } }))); })));
+        var _a;
+        var messages = messagesByAnchorOrigin[origin] || [];
+        return (React.createElement(Snackbar, __assign({}, other, { key: origin, anchorOrigin: (_a = messages === null || messages === void 0 ? void 0 : messages[0]) === null || _a === void 0 ? void 0 : _a.anchorOrigin, className: className, container: container, ref: ref }), !!messages.length &&
+            messages.map(function (message) { return (React.createElement(SnackbarItem, __assign({}, message, { key: message.key, onClose: function (messageId) {
+                    var _a;
+                    closeMessage(messageId);
+                    (_a = message.onClose) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
+                }, onExited: function (messageId) {
+                    var _a;
+                    handleExitedSnackbarItem(messageId);
+                    (_a = message.onExited) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
+                }, onEntered: function (messageId) {
+                    var _a;
+                    handleEnteredSnackbarItem(messageId);
+                    (_a = message.onEntered) === null || _a === void 0 ? void 0 : _a.call(message, messageId);
+                } }))); })));
     });
     return (React.createElement(SnackbarContext.Provider, { value: context },
         children,

package/__inner__/esm/components/Snackbar/components/Snackbar/Snackbar.d.ts

@@ -6,11 +6,11 @@ export declare const cnSnackbar: import("@bem-react/classname").ClassNameFormatt
 export type SnackbarRef = PortalRef;
 export type SnackbarProps = PortalProps & {
     /** Расположение сообщения относительно контейнера */
-    anchorOrigin: SnackbarAnchorOrigin;
+    anchorOrigin?: SnackbarAnchorOrigin;
 };
 export declare const Snackbar: React.ForwardRefExoticComponent<import("../../../Portal").PortalBaseProps & {
     as?: "div" | undefined;
 } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & {
     /** Расположение сообщения относительно контейнера */
-    anchorOrigin: SnackbarAnchorOrigin;
+    anchorOrigin?: SnackbarAnchorOrigin | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Snackbar/components/Snackbar/Snackbar.js

@@ -7,7 +7,7 @@ import { Portal } from '../../../Portal';
 import { useSnackbarManager } from './SnackbarManager';
 export var cnSnackbar = cn('Snackbar');
 export var Snackbar = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.anchorOrigin, vertical = _b.vertical, horizontal = _b.horizontal, other = __rest(_a, ["children", "className", "anchorOrigin"]);
+    var children = _a.children, className = _a.className, _b = _a.anchorOrigin, _c = _b === void 0 ? {} : _b, vertical = _c.vertical, horizontal = _c.horizontal, other = __rest(_a, ["children", "className", "anchorOrigin"]);
     var popoverRef = useRef(null);
     useSnackbarManager(popoverRef, 1100);
     return (React.createElement(Portal, __assign({ ref: useMultiRef([ref, popoverRef]), className: cnSnackbar({

package/__inner__/esm/components/Snackbar/store/helpers/updateMessagesFromQueue.js

@@ -25,5 +25,6 @@ export var updateMessagesFromQueue = function (state) {
         return __assign(__assign({}, state), { messages: newMessages });
     }
     var _a = __read(queue), firstMessageItemFromQueue = _a[0], otherQueue = _a.slice(1);
-    return __assign(__assign({}, state), { messages: __spreadArray(__spreadArray([], __read(messages), false), [firstMessageItemFromQueue], false), queue: otherQueue });
+    return __assign(__assign({}, state), { messages: messages && firstMessageItemFromQueue
+            ? __spreadArray(__spreadArray([], __read(messages), false), [firstMessageItemFromQueue], false) : [], queue: otherQueue });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.13.3",
+  "version": "0.14.0",
   "description": "React component library",
   "files": [
     "*"