colibri-ui 0.7.143 → 0.7.144

package/Calendar/components/Month/Month.js

@@ -6,7 +6,6 @@ var classNames = require('classnames/bind');
 var leadingZeros = require('../../../libs/numbers/leadingZeros.js');
 var index = require('../../../Typography/index.js');
 var index$1 = require('../../../helpers/date/index.js');
-var generateUniqID = require('../../../helpers/generateUniqID.js');
 var getMonthWeeks = require('../../utils/getMonthWeeks.js');
 var styles = require('./index.module.css');
 
@@ -85,7 +84,7 @@ var Month = function Month(props) {
     var index$2 = rest[0] + 1;
     return /*#__PURE__*/React__namespace.createElement("li", {
       className: clx(styles__default.default.day),
-      key: generateUniqID.default(index$2)
+      key: index$2
     }, /*#__PURE__*/React__namespace.createElement(index.default, {
       style: {
         opacity: index$2 > 5 ? 80 : 30,

package/Calendar/index.js

@@ -116,7 +116,9 @@ var Calendar = function Calendar(_a) {
         return selectDate(date, 1, false);
       }, idleCallbackOptions);
     }
-  }, [canSelectRange, selectedDate, isRangeCompleted, selectDate]);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [canSelectRange, selectedDate, isRangeCompleted, selectDate]);
   var handlePresetSelect = React.useCallback(function (preset) {
     index$1.requestIdleCallback(function () {
       return selectDate(preset.date, preset.period, true);

package/Calendar/utils/getMonthWeeks.js

@@ -6,6 +6,35 @@ var dummyDay = {
   day: 0,
   isDummy: true
 };
+function getDateDayInWeek(date) {
+  var day = date.getDay() - 1;
+  return day >= 0 ? day : 6;
+}
+function doubleDigits(v) {
+  return leadingZeros.leadingZeros(v, 2);
+}
+function formatToComparable(date) {
+  return new Date([date.getFullYear(), doubleDigits(date.getMonth() + 1), doubleDigits(date.getDate())].join("-")).getTime();
+}
+function checkIfDateIsAvailable(date, options) {
+  var availableDates = options.availableDates,
+    today = options.today;
+  var todayCompatible = formatToComparable(new Date(today));
+  var availableDatesComparable = availableDates && availableDates.length > 0 && availableDates.map(function (_date) {
+    return formatToComparable(new Date(_date));
+  });
+  var isAvailableDate = availableDatesComparable ? availableDatesComparable.includes(date) : true;
+  return date >= todayCompatible && isAvailableDate;
+}
+function getSelectedDates(options) {
+  var period = options.selectedPeriod ? options.selectedPeriod - 1 : 0;
+  var dateFrom = options.selectedDate ? new Date(options.selectedDate) : undefined;
+  var dateTo = dateFrom ? new Date(dateFrom.getTime() + 24 * 60 * 60 * 1000 * period) : undefined;
+  return {
+    selectedDateFrom: dateFrom ? formatToComparable(dateFrom) : undefined,
+    selectedDateTo: dateTo ? formatToComparable(dateTo) : undefined
+  };
+}
 function getMonthWeeks(options) {
   var _a = getSelectedDates(options),
     selectedDateFrom = _a.selectedDateFrom,
@@ -48,34 +77,5 @@ function getMonthWeeks(options) {
   }
   return weeks;
 }
-function getDateDayInWeek(date) {
-  var day = date.getDay() - 1;
-  return day >= 0 ? day : 6;
-}
-function getSelectedDates(options) {
-  var period = options.selectedPeriod ? options.selectedPeriod - 1 : 0;
-  var dateFrom = options.selectedDate ? new Date(options.selectedDate) : undefined;
-  var dateTo = dateFrom ? new Date(dateFrom.getTime() + 24 * 60 * 60 * 1000 * period) : undefined;
-  return {
-    selectedDateFrom: dateFrom ? formatToComparable(dateFrom) : undefined,
-    selectedDateTo: dateTo ? formatToComparable(dateTo) : undefined
-  };
-}
-function formatToComparable(date) {
-  return new Date([date.getFullYear(), doubleDigits(date.getMonth() + 1), doubleDigits(date.getDate())].join("-")).getTime();
-}
-function doubleDigits(v) {
-  return leadingZeros.leadingZeros(v, 2);
-}
-function checkIfDateIsAvailable(date, options) {
-  var availableDates = options.availableDates,
-    today = options.today;
-  var todayCompatible = formatToComparable(new Date(today));
-  var availableDatesComparable = availableDates && availableDates.length > 0 && availableDates.map(function (_date) {
-    return formatToComparable(new Date(_date));
-  });
-  var isAvailableDate = availableDatesComparable ? availableDatesComparable.includes(date) : true;
-  return date >= todayCompatible && isAvailableDate;
-}
 
 exports.getMonthWeeks = getMonthWeeks;

package/Calendar/utils/getNumberOfMonthsBetweenDates.js

@@ -3,6 +3,9 @@
 /**
  * Returns number of months between dates
  */
+function normalizeDate(date) {
+  return date.split("-").slice(0, 2).join("-");
+}
 function getNumberOfMonthsBetweenDates(startDate, activeDate) {
   var start = new Date(normalizeDate(startDate));
   var active = new Date(normalizeDate(activeDate));
@@ -14,8 +17,5 @@ function getNumberOfMonthsBetweenDates(startDate, activeDate) {
   }
   return count;
 }
-function normalizeDate(date) {
-  return date.split("-").slice(0, 2).join("-");
-}
 
 exports.getNumberOfMonthsBetweenDates = getNumberOfMonthsBetweenDates;

package/Checkbox/index.js

@@ -30,7 +30,10 @@ var Checkbox = function Checkbox(_a) {
     className = _a.className,
     disabled = _a.disabled,
     isError = _a.isError;
-  var control = /*#__PURE__*/React__default.default.createElement("label", {
+  var control =
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/label-has-associated-control
+  React__default.default.createElement("label", {
     className: clx(styles__default.default.label)
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: clx(styles__default.default.wrapper)

package/Chip/index.js

@@ -42,7 +42,10 @@ var Chip = function Chip(_a) {
     onClick: onClick
   }, /*#__PURE__*/React__default.default.createElement("span", {
     className: clx("content-inner")
-  }, children)), iconEnd && (/*#__PURE__*/React__default.default.createElement("span", {
+  }, children)), iconEnd && (
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+  React__default.default.createElement("span", {
     className: clx("icon-right"),
     role: "button",
     tabIndex: 0,

package/Datepicker/components/TimePicker/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;

package/Dropdown/index.js

@@ -70,6 +70,7 @@ var Dropdown = function Dropdown(_a) {
     update = _o.update;
   var isNotComponent = typeof children === "string";
   var reference = React.useMemo(function () {
+    if (!children) return null;
     return React.Children.only(isNotComponent ? /*#__PURE__*/React__default.default.createElement("button", null, children) : children);
   }, [children, isNotComponent]);
   var onToggle = React.useCallback(function (event) {
@@ -87,8 +88,8 @@ var Dropdown = function Dropdown(_a) {
   var onHide = React.useCallback(function () {
     setVisible(false);
   }, [setVisible]);
-  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 (event) {
@@ -96,7 +97,9 @@ var Dropdown = function Dropdown(_a) {
     if (!preventAutoClose) {
       onHide();
     }
-  }, [onHide]);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [onHide]);
   React.useEffect(function () {
     var unsubscribes = [];
     if (trigger.includes("click")) {
@@ -126,6 +129,7 @@ var Dropdown = function Dropdown(_a) {
         return un();
       });
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [controlElement, popperElement, onToggle, onShow, onHide]);
   React.useEffect(function () {
     if (onVisibleChange) onVisibleChange(visible);
@@ -133,10 +137,10 @@ var Dropdown = function Dropdown(_a) {
   React.useEffect(function () {
     if (update) update();
   }, [update, visible]);
-  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(reference.type, tslib.__assign({
+  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, reference && (/*#__PURE__*/React__default.default.createElement(reference.type, tslib.__assign({
     ref: setControlElement,
     tabIndex: 0
-  }, reference.props)), isVisible && (/*#__PURE__*/React__default.default.createElement(index.default, null, /*#__PURE__*/React__default.default.createElement(index$1.default, {
+  }, reference.props))), isVisible && (/*#__PURE__*/React__default.default.createElement(index.default, null, /*#__PURE__*/React__default.default.createElement(index$1.default, {
     onClick: onClickOutside
   }, /*#__PURE__*/React__default.default.createElement("div", tslib.__assign({
     ref: setPopperElement,

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/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.js

@@ -23,17 +23,21 @@ var MenuItem = function MenuItem(_a) {
     onClick = _a.onClick,
     children = _a.children,
     ref = _a.ref;
-  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);
+  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/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/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/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;

package/Tooltip/index.js

@@ -53,6 +53,7 @@ var Tooltip = function Tooltip(_a) {
     update = _h.update;
   var isNotComponent = typeof children === "string";
   var reference = React.useMemo(function () {
+    if (!children) return null;
     return React.Children.only(isNotComponent ? /*#__PURE__*/React__default.default.createElement("button", null, children) : children);
   }, [children, isNotComponent]);
   var onToggle = React.useCallback(function (e) {
@@ -90,9 +91,9 @@ var Tooltip = function Tooltip(_a) {
   React.useEffect(function () {
     if (update) update();
   }, [update, visible]);
-  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(reference.type, tslib.__assign({
+  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, reference && (/*#__PURE__*/React__default.default.createElement(reference.type, tslib.__assign({
     ref: setControlElement
-  }, reference.props)), visible && (/*#__PURE__*/React__default.default.createElement(index.default, null, /*#__PURE__*/React__default.default.createElement(index$1.default, {
+  }, reference.props))), visible && (/*#__PURE__*/React__default.default.createElement(index.default, null, /*#__PURE__*/React__default.default.createElement(index$1.default, {
     onClick: onClickOutside
   }, /*#__PURE__*/React__default.default.createElement("div", tslib.__assign({
     className: clx("root", {

package/Typography/index.d.ts

@@ -1,4 +1,4 @@
-import { type Props } from "./index.props";
+import { type TypographyProps } from "./index.props";
 import type { FC, PropsWithChildren } from "react";
-declare const Typography: FC<PropsWithChildren<Props>>;
+declare const Typography: FC<PropsWithChildren<TypographyProps>>;
 export default Typography;

package/Typography/index.props.d.ts

@@ -3,7 +3,7 @@ export type TypographyVariant = "alert" | "success" | "secondary";
 export type TypographyFontWeight = "normal" | "medium" | "bold";
 export type TypographySize = "xs" | "s" | "m" | "l" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 export type TypographyTag = "span" | "label" | "legend" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "s";
-export type Props = {
+export type TypographyProps = {
     className?: string;
     tag?: TypographyTag;
     variant?: TypographyVariant;

package/esm/Calendar/components/Month/Month.js

@@ -4,7 +4,6 @@ import classNames from 'classnames/bind';
 import { leadingZeros } from '../../../libs/numbers/leadingZeros.js';
 import Typography from '../../../Typography/index.js';
 import { getUpperMonthName, getShortWeekDayNameByIndex } from '../../../helpers/date/index.js';
-import generateUniqID from '../../../helpers/generateUniqID.js';
 import { getMonthWeeks } from '../../utils/getMonthWeeks.js';
 import styles from './index.module.css';
 
@@ -59,7 +58,7 @@ var Month = function Month(props) {
     var index = rest[0] + 1;
     return /*#__PURE__*/React.createElement("li", {
       className: clx(styles.day),
-      key: generateUniqID(index)
+      key: index
     }, /*#__PURE__*/React.createElement(Typography, {
       style: {
         opacity: index > 5 ? 80 : 30,

package/esm/Calendar/index.js

@@ -106,7 +106,9 @@ var Calendar = function Calendar(_a) {
         return selectDate(date, 1, false);
       }, idleCallbackOptions);
     }
-  }, [canSelectRange, selectedDate, isRangeCompleted, selectDate]);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [canSelectRange, selectedDate, isRangeCompleted, selectDate]);
   var handlePresetSelect = useCallback(function (preset) {
     requestIdleCallback(function () {
       return selectDate(preset.date, preset.period, true);