colibri-ui 0.7.142 → 0.7.144

package/Icons/Minus.d.ts

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

package/Icons/Minus.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var MinusIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var MinusIcon = (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,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     width: width,
     height: height,

package/Icons/More.d.ts

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

package/Icons/More.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var More = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var More = (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,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    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",
     fill: fill,

package/Icons/Plus.d.ts

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

package/Icons/Plus.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var PlusIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var PlusIcon = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 18 : _c,
     _d = _a.height,
     height = _d === void 0 ? 18 : _d,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    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,

package/Icons/Setting.d.ts

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

package/Icons/Setting.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Setting = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Setting = (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,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({}, props, {
     ref: ref,
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/Trash.d.ts

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

package/Icons/Trash.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Trash = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Trash = (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,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    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",
     fill: "none",

package/Icons/User.d.ts

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

package/Icons/User.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var User = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var User = (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,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    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,

package/Icons/index.props.d.ts

@@ -3,4 +3,5 @@ export interface Props extends HTMLAttributes<SVGElement> {
     width?: number;
     height?: number;
     fill?: string;
+    ref?: React.Ref<SVGSVGElement>;
 }

package/Image/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var classNames = require('classnames');
-var generateUniqID = require('../helpers/generateUniqID.js');
 var styles = require('./Image.module.css');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -53,7 +52,7 @@ var Image = function Image(_a) {
     className: classNames__default.default(styles__default.default.root)
   }, !!sources.length && sources.map(function (source, index) {
     return /*#__PURE__*/React__default.default.createElement("source", tslib.__assign({
-      key: generateUniqID.default(index)
+      key: "item-".concat(index)
     }, source));
   }), /*#__PURE__*/React__default.default.createElement("img", tslib.__assign({
     alt: alt,

package/InputRadio/InputRadio.module.css

@@ -50,6 +50,22 @@
   padding: 0;
   position: absolute;
 }
+.input_checked + .icon {
+  background-color: var(--palette-black);
+  border: 4px solid var(--input-radio-bg-checked);
+}
+.input_disabled + .icon {
+  border-radius: 50%;
+}
+.input_disabled + .icon::after {
+  background-color: rgba(246, 246, 246, 0.8);
+  border-radius: 50%;
+  content: "";
+  display: block;
+  inset: 0;
+  margin: -1px;
+  position: absolute;
+}
 .input:not(.input_disabled, .input_error):hover + .icon {
   border-color: var(--input-radio-bg-hovered);
 }
@@ -68,22 +84,6 @@
   background-color: var(--palette-black);
   border: 4px solid var(--input-radio-bg-checked);
 }
-.input_checked + .icon {
-  background-color: var(--palette-black);
-  border: 4px solid var(--input-radio-bg-checked);
-}
-.input_disabled + .icon {
-  border-radius: 50%;
-}
-.input_disabled + .icon::after {
-  background-color: rgba(246, 246, 246, 0.8);
-  border-radius: 50%;
-  content: "";
-  display: block;
-  inset: 0;
-  margin: -1px;
-  position: absolute;
-}
 .input_checked:disabled + .icon::after {
   margin: -4px;
 }

package/InputRadio/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { FC, CSSProperties, PropsWithChildren, FocusEvent, ChangeEvent } from "react";
-type Props = {
+type InputRadioProps = {
     checked?: boolean;
     className?: string;
     containerClassName?: string;
@@ -19,5 +19,5 @@ type Props = {
     value: string | number;
     testid?: string;
 };
-declare const InputRadio: FC<PropsWithChildren<Props>>;
+declare const InputRadio: FC<PropsWithChildren<InputRadioProps>>;
 export default InputRadio;

package/InputRadio/index.js

@@ -35,42 +35,46 @@ var InputRadio = /*#__PURE__*/React.memo(function (_a) {
     value = _a.value,
     testid = _a.testid,
     rest = tslib.__rest(_a, ["checked", "children", "className", "containerClassName", "disabled", "error", "id", "name", "note", "onBlur", "onFocus", "onChange", "onClick", "onMouseEnter", "style", "text", "value", "testid"]);
-  return /*#__PURE__*/React__default.default.createElement("label", {
-    className: clx(styles__default.default.label, className),
-    htmlFor: id,
-    style: style,
-    onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    "data-testid": testid
-  }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: clx(styles__default.default.container, {
-      container_disabled: !!disabled,
-      container_error: !!error
-    }, containerClassName)
-  }, /*#__PURE__*/React__default.default.createElement("input", tslib.__assign({
-    type: "radio",
-    id: id,
-    value: value,
-    name: name,
-    className: clx(styles__default.default.input, {
-      input_error: !!error,
-      input_checked: !!checked,
-      input_disabled: !!disabled
-    }),
-    checked: checked,
-    disabled: disabled,
-    onChange: onChange,
-    onFocus: onFocus,
-    onBlur: onBlur
-  }, rest)), /*#__PURE__*/React__default.default.createElement("span", {
-    className: clx(styles__default.default.icon)
-  }), /*#__PURE__*/React__default.default.createElement("span", {
-    className: clx(styles__default.default.text)
-  }, !children && text, !text && children)), !!note && (/*#__PURE__*/React__default.default.createElement(index.default, {
-    tag: "p",
-    size: "s",
-    className: clx(styles__default.default.note)
-  }, note)));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    React__default.default.createElement("label", {
+      className: clx(styles__default.default.label, className),
+      htmlFor: id,
+      style: style,
+      onClick: onClick,
+      onMouseEnter: onMouseEnter,
+      "data-testid": testid
+    }, /*#__PURE__*/React__default.default.createElement("div", {
+      className: clx(styles__default.default.container, {
+        container_disabled: !!disabled,
+        container_error: !!error
+      }, containerClassName)
+    }, /*#__PURE__*/React__default.default.createElement("input", tslib.__assign({
+      type: "radio",
+      id: id,
+      value: value,
+      name: name,
+      className: clx(styles__default.default.input, {
+        input_error: !!error,
+        input_checked: !!checked,
+        input_disabled: !!disabled
+      }),
+      checked: checked,
+      disabled: disabled,
+      onChange: onChange,
+      onFocus: onFocus,
+      onBlur: onBlur
+    }, rest)), /*#__PURE__*/React__default.default.createElement("span", {
+      className: clx(styles__default.default.icon)
+    }), /*#__PURE__*/React__default.default.createElement("span", {
+      className: clx(styles__default.default.text)
+    }, !children && text, !text && children)), !!note && (/*#__PURE__*/React__default.default.createElement(index.default, {
+      tag: "p",
+      size: "s",
+      className: clx(styles__default.default.note)
+    }, note)))
+  );
 });
 
 exports.default = InputRadio;

package/Menu/components/MenuItem/index.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
+import type { PropsWithChildren } from "react";
 import type { MenuItemProps } from "./index.props";
-declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLLIElement>>;
+declare const MenuItem: ({ className, isSelected, variant, disabled, onClick, children, ref, }: PropsWithChildren<MenuItemProps>) => React.JSX.Element;
 export default MenuItem;

package/Menu/components/MenuItem/index.js

@@ -13,7 +13,7 @@ var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
 var clx = classNames__default.default.bind(styles__default.default);
-var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var MenuItem = function MenuItem(_a) {
   var _b;
   var className = _a.className,
     isSelected = _a.isSelected,
@@ -21,18 +21,23 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     variant = _c === void 0 ? "primary" : _c,
     disabled = _a.disabled,
     onClick = _a.onClick,
-    children = _a.children;
-  return /*#__PURE__*/React__default.default.createElement("li", {
-    ref: ref,
-    style: {
-      backgroundColor: isSelected ? "var(--palette-bg-2, rgb(232, 240, 254))" : ""
-    },
-    "data-testid": "menuitem",
-    className: clx("item", (_b = {
-      item_disabled: !!disabled
-    }, _b["item_variant_".concat(variant)] = !!variant, _b), className),
-    onClick: onClick
-  }, children);
-});
+    children = _a.children,
+    ref = _a.ref;
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    React__default.default.createElement("li", {
+      ref: ref,
+      style: {
+        backgroundColor: isSelected ? "var(--palette-bg-2, rgb(232, 240, 254))" : ""
+      },
+      "data-testid": "menuitem",
+      className: clx("item", (_b = {
+        item_disabled: !!disabled
+      }, _b["item_variant_".concat(variant)] = !!variant, _b), className),
+      onClick: onClick
+    }, children)
+  );
+};
 
 exports.default = MenuItem;

package/Menu/components/MenuItem/index.props.d.ts

@@ -6,4 +6,5 @@ export interface MenuItemProps {
     onClick?: (e: MouseEvent) => void;
     variant?: MenuVariant;
     disabled?: boolean;
+    ref?: React.Ref<HTMLLIElement>;
 }

package/Menu/index.js

@@ -36,7 +36,9 @@ var Menu = function Menu(_a) {
       }
       return child;
     });
-  }, [children, selected, onClick]);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [children, selected, onClick]);
   return /*#__PURE__*/React__default.default.createElement("ul", {
     ref: ref,
     className: clx("menu", className)

package/Modal/components/Close/index.js

@@ -16,10 +16,14 @@ var styles__default = /*#__PURE__*/_interopDefault(styles);
 
 var Close = function Close(_a) {
   var onClick = _a.onClick;
-  return /*#__PURE__*/React__default.default.createElement(Close$1.default, {
-    className: classNames__default.default(styles__default.default.close),
-    onClick: onClick
-  });
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    React__default.default.createElement(Close$1.default, {
+      className: classNames__default.default(styles__default.default.close),
+      onClick: onClick
+    })
+  );
 };
 
 exports.default = Close;

package/Modal/components/Content/index.js

@@ -12,6 +12,7 @@ var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var React__default = /*#__PURE__*/_interopDefault(React);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
+// eslint-disable-next-line @typescript-eslint/ban-types
 var Content = function Content(_a) {
   var children = _a.children;
   return /*#__PURE__*/React__default.default.createElement("div", {

package/Modal/components/Title/index.js

@@ -14,6 +14,7 @@ var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
 var clx = classNames__default.default.bind(styles__default.default);
+// eslint-disable-next-line @typescript-eslint/ban-types
 var Title = function Title(_a) {
   var children = _a.children;
   return /*#__PURE__*/React__default.default.createElement(index.default, {

package/MultiSelect/components/MenuOverlay/index.js

@@ -6,7 +6,6 @@ var React = require('react');
 var classNames = require('classnames/bind');
 var index$2 = require('../../../Menu/index.js');
 var index$3 = require('../MenuOverlayItem/index.js');
-var generateUniqID = require('../../../helpers/generateUniqID.js');
 var index = require('../../../Typography/index.js');
 var index$1 = require('../../../Separator/index.js');
 var index$4 = require('../../utils/index.js');
@@ -70,13 +69,14 @@ var MenuOverlay = function MenuOverlay(_a) {
       var key = firstSelectedOptionWithKey.key;
       scrollToItem(key);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/React__default.default.createElement("div", {
     ref: rootRef,
     className: clx(styles__default.default.root)
-  }, groups.map(function (group, groupIndex) {
+  }, groups.map(function (group, index$5) {
     return /*#__PURE__*/React__default.default.createElement("div", {
-      key: generateUniqID.default(groupIndex)
+      key: "item-".concat(index$5)
     }, /*#__PURE__*/React__default.default.createElement("div", {
       className: clx(styles__default.default.title)
     }, /*#__PURE__*/React__default.default.createElement(index.default, {
@@ -90,7 +90,7 @@ var MenuOverlay = function MenuOverlay(_a) {
           refs.current["group-".concat(group.value, "-option-").concat(option.value)] = _ref;
         },
         option: option,
-        key: generateUniqID.default(optionIndex),
+        key: "item-".concat(optionIndex),
         onClick: function onClick() {
           return onChange(index$4.createGroupOptionString(group.value, option.value));
         }

package/MultiSelect/index.js

@@ -10,7 +10,6 @@ var index$4 = require('../base/InputRoot/index.js');
 var index$1 = require('../base/FormField/index.js');
 require('../Icons/index.js');
 var index$5 = require('../Chip/index.js');
-var generateUniqID = require('../helpers/generateUniqID.js');
 var styles = require('./index.module.css');
 var index$3 = require('./components/MenuOverlay/index.js');
 var index = require('./utils/index.js');
@@ -139,7 +138,7 @@ var MultiSelect = function MultiSelect(_a) {
       size: "s",
       iconEnd: /*#__PURE__*/React__default.default.createElement(CrossFill.default, null),
       "data-ignore-click": true,
-      key: generateUniqID.default(index),
+      key: "item-".concat(index),
       onClickIcon: function onClickIcon() {
         return handleChange(option.key);
       }

package/Portal/index.js

@@ -17,7 +17,7 @@ var Portal = function Portal(_a) {
     setMountNode = _b[1];
   React.useEffect(function () {
     setMountNode(node || document.body);
-  });
+  }, [node]);
   return mountNode ? /*#__PURE__*/ReactDOM__default.default.createPortal(children, mountNode) : mountNode;
 };
 

package/RadioGroup/RadioGroup.module.css

@@ -1,3 +1,8 @@
+.radio {
+  line-height: 16px;
+  margin-inline-end: 20px;
+}
+
 .group {
   display: inline-flex;
 }
@@ -12,6 +17,7 @@
 }
 .group_wrapped {
   flex-wrap: wrap;
+  /* stylelint-disable-next-line no-descending-specificity */
 }
 .group_wrapped .radio {
   inline-size: 100%;
@@ -22,9 +28,4 @@
 }
 .group_wrapped .radio:last-child {
   margin-block-end: 0;
-}
-
-.radio {
-  line-height: 16px;
-  margin-inline-end: 20px;
 }

package/RadioGroup/index.d.ts

@@ -12,7 +12,7 @@ export interface Option {
     className?: string;
     disabled?: boolean;
 }
-interface Props {
+export interface RadioGroupProps {
     val?: string | number;
     options: Option[];
     onChange: (value: string) => void;
@@ -22,5 +22,5 @@ interface Props {
     className?: string;
     disabled?: boolean;
 }
-declare const RadioGroup: FC<Props>;
+declare const RadioGroup: FC<RadioGroupProps>;
 export default RadioGroup;

package/RadioGroup/index.js

@@ -28,8 +28,8 @@ var RadioGroup = /*#__PURE__*/React.memo(function (_a) {
     disabled = _d === void 0 ? false : _d;
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clx(styles__default.default.group, {
-      column: column,
-      wrapped: wrapped
+      group_column: !!column,
+      group_wrapped: !!wrapped
     }, className)
   }, options.map(function (option) {
     var id = option.id,

package/Select/components/MenuOverlay/index.js

@@ -6,7 +6,6 @@ var React = require('react');
 var classNames = require('classnames/bind');
 var index = require('../../../Menu/index.js');
 var index$1 = require('../MenuOverlayItem/index.js');
-var generateUniqID = require('../../../helpers/generateUniqID.js');
 var styles = require('./index.module.css');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -55,7 +54,7 @@ var MenuOverlay = function MenuOverlay(_a) {
     return /*#__PURE__*/React__default.default.createElement(index$1.default, {
       setScrollView: setScrollView,
       option: option,
-      key: generateUniqID.default(index),
+      key: index,
       onClick: function onClick() {
         return handleSelect(option, "item-".concat(index));
       }

package/Select/components/MenuOverlayItem/index.js

@@ -31,6 +31,7 @@ var SelectItem = function SelectItem(_a) {
     if (option.selected) {
       scrollToItem();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/React__default.default.createElement(index.default, {
     ref: ref,

package/TabsMenu/index.js

@@ -54,6 +54,7 @@ var TabsMenu = function TabsMenu(_a) {
       if (nextTabMenu !== undefined && nextTabMenuRef !== undefined && nextTabMenuRef.current !== null && (nextTabMenu.onClick !== undefined || onChange !== undefined)) {
         nextTabMenuRef.current.focus();
         if (nextTabMenu.onClick !== undefined) {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           nextTabMenu.onClick(event);
         }
         if (onChange !== undefined) {

package/TabsPanes/index.js

@@ -24,9 +24,7 @@ var TabsPanes = function TabsPanes(_a) {
     }
     return pane.id === activePane ? pane : null;
   }, null);
-  var _b = currentPane || {},
-    id = _b.id,
-    paneProps = tslib.__rest(_b, ["id"]);
+  var paneProps = tslib.__rest(currentPane || {}, []);
   return /*#__PURE__*/React__default.default.createElement("div", tslib.__assign({}, props, {
     ref: innerRef,
     role: "menutabpanes",

package/TimeSelect/Label/index.js

@@ -13,11 +13,15 @@ var OptionLabel = function OptionLabel(_a) {
     onClick = _a.onClick,
     onMouseEnter = _a.onMouseEnter;
   var ref = React.useRef(null);
-  return /*#__PURE__*/React__default.default.createElement("span", {
-    onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    ref: ref
-  }, time);
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    React__default.default.createElement("span", {
+      onClick: onClick,
+      onMouseEnter: onMouseEnter,
+      ref: ref
+    }, time)
+  );
 };
 
 exports.default = OptionLabel;