colibri-ui 0.8.26 → 0.8.28

package/Avatar/index.js

@@ -44,7 +44,10 @@ var Avatar = /*#__PURE__*/React.memo(function (props) {
   var finalSrc = src || stubSrc;
   // Изображение показываем, если есть src ИЛИ есть дефолтное изображение
   var shouldShowImage = !!finalSrc && !initials;
-  return shouldShowImage ? (/*#__PURE__*/React__default.default.createElement("div", {
+  return shouldShowImage ? (
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+  React__default.default.createElement("div", {
     className: clx(styles__default.default.avatarWrapper, {
       avatarLoader: !!loading
     }),
@@ -59,7 +62,10 @@ var Avatar = /*#__PURE__*/React.memo(function (props) {
     className: clx(styles__default.default.avatar, {
       avatarBordered: !!bordered
     }, SIZE_CLASSES[size], className)
-  }, rest)))) : (/*#__PURE__*/React__default.default.createElement("span", tslib.__assign({
+  }, rest)))) : (
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+  React__default.default.createElement("span", tslib.__assign({
     ref: ref,
     "data-testid": "avatar",
     role: "button",

package/Icons/Cross.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { Props } from "./index.props";
+declare const _default: ({ width, height, ref, ...props }: Props) => React.JSX.Element;
+export default _default;

package/Icons/Cross.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Cross = (function (_a) {
+  var _b = _a.width,
+    width = _b === void 0 ? 24 : _b,
+    _c = _a.height,
+    height = _c === void 0 ? 24 : _c,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    width: width,
+    height: height,
+    viewBox: "0 0 12 12",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.14645 3.14645C3.34171 2.95118 3.65829 2.95118 3.85355 3.14645L6 5.29289L8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645C9.04882 3.34171 9.04882 3.65829 8.85355 3.85355L6.70711 6L8.85355 8.14645C9.04882 8.34171 9.04882 8.65829 8.85355 8.85355C8.65829 9.04882 8.34171 9.04882 8.14645 8.85355L6 6.70711L3.85355 8.85355C3.65829 9.04882 3.34171 9.04882 3.14645 8.85355C2.95118 8.65829 2.95118 8.34171 3.14645 8.14645L5.29289 6L3.14645 3.85355C2.95118 3.65829 2.95118 3.34171 3.14645 3.14645Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = Cross;

package/Icons/Shield.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { Props } from "./index.props";
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
+export default _default;

package/Icons/Shield.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Shield = (function (_a) {
+  var _b = _a.fill,
+    fill = _b === void 0 ? "currentColor" : _b,
+    _c = _a.width,
+    width = _c === void 0 ? 24 : _c,
+    _d = _a.height,
+    height = _d === void 0 ? 24 : _d,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    d: "M21.522 5.015c-.043-.429-.43-.729-.858-.729-5.443 0-7.971-2.314-7.971-2.314a.83.83 0 0 0-1.2 0S9.05 4.286 3.52 4.286c-.428 0-.814.3-.857.729 0 .128-1.671 13.586 9.172 17.228.085.043.17.043.257.043.086 0 .17 0 .257-.043 10.843-3.6 9.173-17.057 9.173-17.228m-2.144 6.857c-1.03 4.414-3.515 7.329-7.286 8.657-3.814-1.371-6.257-4.286-7.286-8.657-.6-2.443-.557-4.757-.471-5.871 4.2-.172 6.728-1.543 7.8-2.315 1.07.772 3.6 2.143 7.8 2.315 0 1.114.043 3.385-.557 5.871"
+  }));
+});
+
+exports.default = Shield;

package/Icons/index.d.ts

@@ -2,6 +2,7 @@ export { default as ArrowNext } from "./ArrowNext";
 export { default as Cart } from "./Cart";
 export { default as Chevron } from "./Chevron";
 export { default as Close } from "./Close";
+export { default as Cross } from "./Cross";
 export { default as CrossFill } from "./CrossFill";
 export { default as Edit } from "./Edit";
 export { default as Exit } from "./Exit";
@@ -13,5 +14,6 @@ export { default as Minus } from "./Minus";
 export { default as More } from "./More";
 export { default as Plus } from "./Plus";
 export { default as Setting } from "./Setting";
+export { default as Shield } from "./Shield";
 export { default as Trash } from "./Trash";
 export { default as User } from "./User";

package/Icons/index.js

@@ -4,6 +4,7 @@ var ArrowNext = require('./ArrowNext.js');
 var Cart = require('./Cart.js');
 var Chevron = require('./Chevron.js');
 var Close = require('./Close.js');
+var Cross = require('./Cross.js');
 var CrossFill = require('./CrossFill.js');
 var Edit = require('./Edit.js');
 var Exit = require('./Exit.js');
@@ -15,6 +16,7 @@ var Minus = require('./Minus.js');
 var More = require('./More.js');
 var Plus = require('./Plus.js');
 var Setting = require('./Setting.js');
+var Shield = require('./Shield.js');
 var Trash = require('./Trash.js');
 var User = require('./User.js');
 
@@ -24,6 +26,7 @@ exports.ArrowNext = ArrowNext.default;
 exports.Cart = Cart.default;
 exports.Chevron = Chevron.default;
 exports.Close = Close.default;
+exports.Cross = Cross.default;
 exports.CrossFill = CrossFill.default;
 exports.Edit = Edit.default;
 exports.Exit = Exit.default;
@@ -35,5 +38,6 @@ exports.Minus = Minus.default;
 exports.More = More.default;
 exports.Plus = Plus.default;
 exports.Setting = Setting.default;
+exports.Shield = Shield.default;
 exports.Trash = Trash.default;
 exports.User = User.default;

package/Modal/index.js

@@ -51,7 +51,7 @@ var Modal = function Modal(_a) {
     };
   }, [handleClose]);
   return /*#__PURE__*/React__default.default.createElement(index$3.default, null, /*#__PURE__*/React__default.default.createElement("div", {
-    className: clx("root", className),
+    className: clx("root"),
     role: "dialog",
     "aria-modal": "true",
     "aria-labelledby": title ? "modal-title" : undefined
@@ -63,7 +63,7 @@ var Modal = function Modal(_a) {
     className: clx("modal-wrapper", {
       "modal-wrapper_desktop": isDesktop,
       "modal-wrapper_mobile": !isDesktop
-    }),
+    }, className),
     ref: modalRef
   }, title ? (/*#__PURE__*/React__default.default.createElement("div", {
     className: clx("title-wrapper")

package/MultiSelect/index.js

@@ -79,7 +79,7 @@ var MultiSelect = function MultiSelect(_a) {
       return index.toKey(v) !== key;
     }) : tslib.__spreadArray(tslib.__spreadArray([], value, true), [item], false);
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-  }, [onChange]);
+  }, [onChange, value]);
   var preparedLabel = React.useMemo(function () {
     return preparedGroups.flatMap(function (_a) {
       var groupVal = _a.value,

package/Tooltip/index.js

@@ -58,8 +58,8 @@ var Tooltip = function Tooltip(_a) {
     }
     return React.Children.only(children);
   }, [children]);
-  var onToggle = function onToggle(e) {
-    e.stopPropagation();
+  var onToggle = function onToggle(event) {
+    event.stopPropagation();
     setVisible(function (state) {
       return !state;
     });
@@ -70,8 +70,8 @@ var Tooltip = function Tooltip(_a) {
   var onHide = function onHide() {
     setVisible(false);
   };
-  var onClickOutside = React.useCallback(function (e) {
-    if (controlElement === null || controlElement === void 0 ? void 0 : controlElement.contains(e.target)) return;
+  var onClickOutside = React.useCallback(function (event) {
+    if (controlElement === null || controlElement === void 0 ? void 0 : controlElement.contains(event.target)) return;
     onHide();
   }, [onHide, controlElement]);
   var onClickOverlay = React.useCallback(function (e) {

package/esm/Avatar/index.js

@@ -34,7 +34,10 @@ var Avatar = /*#__PURE__*/memo(function (props) {
   var finalSrc = src || stubSrc;
   // Изображение показываем, если есть src ИЛИ есть дефолтное изображение
   var shouldShowImage = !!finalSrc && !initials;
-  return shouldShowImage ? (/*#__PURE__*/React__default.createElement("div", {
+  return shouldShowImage ? (
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+  React__default.createElement("div", {
     className: clx(styles.avatarWrapper, {
       avatarLoader: !!loading
     }),
@@ -49,7 +52,10 @@ var Avatar = /*#__PURE__*/memo(function (props) {
     className: clx(styles.avatar, {
       avatarBordered: !!bordered
     }, SIZE_CLASSES[size], className)
-  }, rest)))) : (/*#__PURE__*/React__default.createElement("span", __assign({
+  }, rest)))) : (
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+  React__default.createElement("span", __assign({
     ref: ref,
     "data-testid": "avatar",
     role: "button",

package/esm/Icons/Cross.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { Props } from "./index.props";
+declare const _default: ({ width, height, ref, ...props }: Props) => React.JSX.Element;
+export default _default;

package/esm/Icons/Cross.js

@@ -0,0 +1,26 @@
+import { __rest, __assign } from 'tslib';
+import React__default from 'react';
+
+var Cross = (function (_a) {
+  var _b = _a.width,
+    width = _b === void 0 ? 24 : _b,
+    _c = _a.height,
+    height = _c === void 0 ? 24 : _c,
+    ref = _a.ref,
+    props = __rest(_a, ["width", "height", "ref"]);
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    width: width,
+    height: height,
+    viewBox: "0 0 12 12",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.14645 3.14645C3.34171 2.95118 3.65829 2.95118 3.85355 3.14645L6 5.29289L8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645C9.04882 3.34171 9.04882 3.65829 8.85355 3.85355L6.70711 6L8.85355 8.14645C9.04882 8.34171 9.04882 8.65829 8.85355 8.85355C8.65829 9.04882 8.34171 9.04882 8.14645 8.85355L6 6.70711L3.85355 8.85355C3.65829 9.04882 3.34171 9.04882 3.14645 8.85355C2.95118 8.65829 2.95118 8.34171 3.14645 8.14645L5.29289 6L3.14645 3.85355C2.95118 3.65829 2.95118 3.34171 3.14645 3.14645Z",
+    fill: "currentColor"
+  }));
+});
+
+export { Cross as default };

package/esm/Icons/Shield.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { Props } from "./index.props";
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
+export default _default;

package/esm/Icons/Shield.js

@@ -0,0 +1,26 @@
+import { __rest, __assign } from 'tslib';
+import React__default from 'react';
+
+var Shield = (function (_a) {
+  var _b = _a.fill,
+    fill = _b === void 0 ? "currentColor" : _b,
+    _c = _a.width,
+    width = _c === void 0 ? 24 : _c,
+    _d = _a.height,
+    height = _d === void 0 ? 24 : _d,
+    ref = _a.ref,
+    props = __rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    fill: fill,
+    d: "M21.522 5.015c-.043-.429-.43-.729-.858-.729-5.443 0-7.971-2.314-7.971-2.314a.83.83 0 0 0-1.2 0S9.05 4.286 3.52 4.286c-.428 0-.814.3-.857.729 0 .128-1.671 13.586 9.172 17.228.085.043.17.043.257.043.086 0 .17 0 .257-.043 10.843-3.6 9.173-17.057 9.173-17.228m-2.144 6.857c-1.03 4.414-3.515 7.329-7.286 8.657-3.814-1.371-6.257-4.286-7.286-8.657-.6-2.443-.557-4.757-.471-5.871 4.2-.172 6.728-1.543 7.8-2.315 1.07.772 3.6 2.143 7.8 2.315 0 1.114.043 3.385-.557 5.871"
+  }));
+});
+
+export { Shield as default };

package/esm/Icons/index.d.ts

@@ -2,6 +2,7 @@ export { default as ArrowNext } from "./ArrowNext";
 export { default as Cart } from "./Cart";
 export { default as Chevron } from "./Chevron";
 export { default as Close } from "./Close";
+export { default as Cross } from "./Cross";
 export { default as CrossFill } from "./CrossFill";
 export { default as Edit } from "./Edit";
 export { default as Exit } from "./Exit";
@@ -13,5 +14,6 @@ export { default as Minus } from "./Minus";
 export { default as More } from "./More";
 export { default as Plus } from "./Plus";
 export { default as Setting } from "./Setting";
+export { default as Shield } from "./Shield";
 export { default as Trash } from "./Trash";
 export { default as User } from "./User";

package/esm/Icons/index.js

@@ -2,6 +2,7 @@ export { default as ArrowNext } from './ArrowNext.js';
 export { default as Cart } from './Cart.js';
 export { default as Chevron } from './Chevron.js';
 export { default as Close } from './Close.js';
+export { default as Cross } from './Cross.js';
 export { default as CrossFill } from './CrossFill.js';
 export { default as Edit } from './Edit.js';
 export { default as Exit } from './Exit.js';
@@ -13,5 +14,6 @@ export { default as Minus } from './Minus.js';
 export { default as More } from './More.js';
 export { default as Plus } from './Plus.js';
 export { default as Setting } from './Setting.js';
+export { default as Shield } from './Shield.js';
 export { default as Trash } from './Trash.js';
 export { default as User } from './User.js';

package/esm/Modal/index.js

@@ -41,7 +41,7 @@ var Modal = function Modal(_a) {
     };
   }, [handleClose]);
   return /*#__PURE__*/React__default.createElement(Portal, null, /*#__PURE__*/React__default.createElement("div", {
-    className: clx("root", className),
+    className: clx("root"),
     role: "dialog",
     "aria-modal": "true",
     "aria-labelledby": title ? "modal-title" : undefined
@@ -53,7 +53,7 @@ var Modal = function Modal(_a) {
     className: clx("modal-wrapper", {
       "modal-wrapper_desktop": isDesktop,
       "modal-wrapper_mobile": !isDesktop
-    }),
+    }, className),
     ref: modalRef
   }, title ? (/*#__PURE__*/React__default.createElement("div", {
     className: clx("title-wrapper")

package/esm/MultiSelect/index.js

@@ -69,7 +69,7 @@ var MultiSelect = function MultiSelect(_a) {
       return toKey(v) !== key;
     }) : __spreadArray(__spreadArray([], value, true), [item], false);
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-  }, [onChange]);
+  }, [onChange, value]);
   var preparedLabel = useMemo(function () {
     return preparedGroups.flatMap(function (_a) {
       var groupVal = _a.value,

package/esm/Tooltip/index.js

@@ -48,8 +48,8 @@ var Tooltip = function Tooltip(_a) {
     }
     return Children.only(children);
   }, [children]);
-  var onToggle = function onToggle(e) {
-    e.stopPropagation();
+  var onToggle = function onToggle(event) {
+    event.stopPropagation();
     setVisible(function (state) {
       return !state;
     });
@@ -60,8 +60,8 @@ var Tooltip = function Tooltip(_a) {
   var onHide = function onHide() {
     setVisible(false);
   };
-  var onClickOutside = useCallback(function (e) {
-    if (controlElement === null || controlElement === void 0 ? void 0 : controlElement.contains(e.target)) return;
+  var onClickOutside = useCallback(function (event) {
+    if (controlElement === null || controlElement === void 0 ? void 0 : controlElement.contains(event.target)) return;
     onHide();
   }, [onHide, controlElement]);
   var onClickOverlay = useCallback(function (e) {

package/esm/index.js

@@ -39,6 +39,7 @@ export { default as ArrowNext } from './Icons/ArrowNext.js';
 export { default as Cart } from './Icons/Cart.js';
 export { default as Chevron } from './Icons/Chevron.js';
 export { default as Close } from './Icons/Close.js';
+export { default as Cross } from './Icons/Cross.js';
 export { default as CrossFill } from './Icons/CrossFill.js';
 export { default as Edit } from './Icons/Edit.js';
 export { default as Exit } from './Icons/Exit.js';
@@ -50,5 +51,6 @@ export { default as Minus } from './Icons/Minus.js';
 export { default as More } from './Icons/More.js';
 export { default as Plus } from './Icons/Plus.js';
 export { default as Setting } from './Icons/Setting.js';
+export { default as Shield } from './Icons/Shield.js';
 export { default as Trash } from './Icons/Trash.js';
 export { default as User } from './Icons/User.js';

package/index.js

@@ -41,6 +41,7 @@ var ArrowNext = require('./Icons/ArrowNext.js');
 var Cart = require('./Icons/Cart.js');
 var Chevron = require('./Icons/Chevron.js');
 var Close = require('./Icons/Close.js');
+var Cross = require('./Icons/Cross.js');
 var CrossFill = require('./Icons/CrossFill.js');
 var Edit = require('./Icons/Edit.js');
 var Exit = require('./Icons/Exit.js');
@@ -52,6 +53,7 @@ var Minus = require('./Icons/Minus.js');
 var More = require('./Icons/More.js');
 var Plus = require('./Icons/Plus.js');
 var Setting = require('./Icons/Setting.js');
+var Shield = require('./Icons/Shield.js');
 var Trash = require('./Icons/Trash.js');
 var User = require('./Icons/User.js');
 
@@ -98,6 +100,7 @@ exports.ArrowNext = ArrowNext.default;
 exports.Cart = Cart.default;
 exports.Chevron = Chevron.default;
 exports.Close = Close.default;
+exports.Cross = Cross.default;
 exports.CrossFill = CrossFill.default;
 exports.Edit = Edit.default;
 exports.Exit = Exit.default;
@@ -109,5 +112,6 @@ exports.Minus = Minus.default;
 exports.More = More.default;
 exports.Plus = Plus.default;
 exports.Setting = Setting.default;
+exports.Shield = Shield.default;
 exports.Trash = Trash.default;
 exports.User = User.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colibri-ui",
-  "version": "0.8.26",
+  "version": "0.8.28",
   "description": "React UI components library",
   "main": "index.js",
   "scripts": {},