@megafon/ui-core 9.2.2 → 9.4.0

package/dist/lib/components/MultipleSelect/MultipleSelect.js

@@ -0,0 +1,244 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.some.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.includes.js");
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+var _lodash = _interopRequireDefault(require("lodash.debounce"));
+var _Dropdown = _interopRequireDefault(require("../Dropdown/Dropdown"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var ClearIcon = function ClearIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M5.762 5.76a1 1 0 011.415 0l2.795 2.79 2.788-2.785a1.001 1.001 0 011.415 1.414l-2.788 2.785 2.789 2.787a1 1 0 01-1.414 1.414l-2.79-2.787-2.796 2.794A1 1 0 115.76 12.76l2.796-2.794-2.795-2.792a1 1 0 010-1.414z"
+  }));
+};
+var ArrowIcon = function ArrowIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M16.774 18.697a1.092 1.092 0 01-1.51 0l-3.953-3.82c-.682-.66-.165-1.877.794-1.877h7.798c.96 0 1.465 1.217.783 1.876l-3.912 3.82z"
+  }));
+};
+var isItemSelected = function isItemSelected(item, selectedItems) {
+  return selectedItems.some(function (selectedItem) {
+    return selectedItem.value === item.value;
+  });
+};
+var cn = (0, _uiHelpers.cnCreate)('mfui-9-multiple-select');
+var MultipleSelect = function MultipleSelect(_ref) {
+  var items = _ref.items,
+    _ref$selectedItems = _ref.selectedItems,
+    selectedItems = _ref$selectedItems === void 0 ? [] : _ref$selectedItems,
+    placeholder = _ref.placeholder,
+    selectLimit = _ref.selectLimit,
+    maxLength = _ref.maxLength,
+    className = _ref.className,
+    _ref$notFoundText = _ref.notFoundText,
+    notFoundText = _ref$notFoundText === void 0 ? 'Ничего не нашлось' : _ref$notFoundText,
+    noticeText = _ref.noticeText,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    customSearchFilter = _ref.customSearchFilter,
+    onSelect = _ref.onSelect,
+    onBlur = _ref.onBlur,
+    onFocus = _ref.onFocus,
+    onSearch = _ref.onSearch,
+    searchDelay = _ref.searchDelay,
+    isControlled = _ref.isControlled,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs;
+  var _React$useState = React.useState(false),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    isDropdownOpen = _React$useState2[0],
+    setIsDropdownOpen = _React$useState2[1];
+  var _React$useState3 = React.useState(selectedItems),
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    innerSelectedItems = _React$useState4[0],
+    setInnerSelectedItems = _React$useState4[1];
+  var _React$useState5 = React.useState(items),
+    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+    innerCurrentItems = _React$useState6[0],
+    setInnerCurrentItems = _React$useState6[1];
+  var _React$useState7 = React.useState(''),
+    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
+    searchQuery = _React$useState8[0],
+    setSearchQuery = _React$useState8[1];
+  var containerRef = React.useRef(null);
+  var inputRef = React.useRef(null);
+  var currentItems = isControlled ? items : innerCurrentItems;
+  var currentSelectedItems = isControlled ? selectedItems : innerSelectedItems;
+  var isSelectActive = !selectLimit || currentSelectedItems.length < selectLimit;
+  var filteredItems = currentSelectedItems.length ? currentItems.filter(function (item) {
+    return !isItemSelected(item, currentSelectedItems);
+  }) : currentItems;
+  var showItemsList = isDropdownOpen && isSelectActive;
+  var debouncedSearch = React.useMemo(function () {
+    return (0, _lodash["default"])(function (query) {
+      return onSearch === null || onSearch === void 0 ? void 0 : onSearch(query);
+    }, searchDelay);
+  }, [onSearch, searchDelay]);
+  var filterItemsBySearch = React.useCallback(function (itemsToFilter, query) {
+    if (!query) {
+      return itemsToFilter;
+    }
+    if (customSearchFilter) {
+      return itemsToFilter.filter(function (item) {
+        return customSearchFilter(item, query);
+      });
+    }
+    return itemsToFilter.filter(function (item) {
+      return item.title.toLowerCase().includes(query.toLowerCase());
+    });
+  }, [customSearchFilter]);
+  var handleInputChange = React.useCallback(function (e) {
+    var _e$target$value = e.target.value,
+      inputValue = _e$target$value === void 0 ? '' : _e$target$value;
+    setSearchQuery(inputValue);
+    if (!isControlled) {
+      var matchesItems = filterItemsBySearch(items, inputValue);
+      setInnerCurrentItems(matchesItems);
+    }
+    if (!searchDelay) {
+      onSearch === null || onSearch === void 0 ? void 0 : onSearch(inputValue);
+    } else {
+      debouncedSearch(inputValue);
+    }
+  }, [debouncedSearch, filterItemsBySearch, isControlled, items, onSearch, searchDelay]);
+  var handleSelectItem = React.useCallback(function (item) {
+    if (!isSelectActive) {
+      return;
+    }
+    var newSelectedItems = [].concat((0, _toConsumableArray2["default"])(currentSelectedItems), [item]);
+    !isControlled && setInnerSelectedItems(newSelectedItems);
+    setSearchQuery('');
+    inputRef.current && inputRef.current.focus();
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelectedItems);
+  }, [isControlled, isSelectActive, onSelect, currentSelectedItems]);
+  var handleSelect = function handleSelect(index) {
+    return function () {
+      var targetItem = filteredItems[index];
+      handleSelectItem(targetItem);
+    };
+  };
+  var handleFocus = React.useCallback(function (e) {
+    setIsDropdownOpen(true);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+  }, [onFocus]);
+  var handleBlur = React.useCallback(function (e) {
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  }, [onBlur]);
+  var removeSelectedItem = React.useCallback(function (itemToRemove) {
+    return function () {
+      var newSelectedItems = currentSelectedItems.filter(function (item) {
+        return item.value !== itemToRemove.value;
+      });
+      !isControlled && setInnerSelectedItems(newSelectedItems);
+      setIsDropdownOpen(true);
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelectedItems);
+    };
+  }, [currentSelectedItems, isControlled, onSelect]);
+  var handleToggleDropdown = React.useCallback(function () {
+    setIsDropdownOpen(function (prev) {
+      return !prev;
+    });
+  }, []);
+  var handleDropdownClose = function handleDropdownClose() {
+    setIsDropdownOpen(false);
+  };
+  React.useEffect(function () {
+    if (!searchQuery && !isControlled) {
+      setInnerCurrentItems(items);
+    }
+  }, [isControlled, items, searchQuery]);
+  var renderList = function renderList() {
+    return /*#__PURE__*/React.createElement(_Dropdown["default"], {
+      isOpen: showItemsList,
+      targetRef: containerRef,
+      items: filteredItems,
+      emptyText: notFoundText,
+      onItemClick: handleSelect,
+      onClose: handleDropdownClose,
+      classes: {
+        list: classes === null || classes === void 0 ? void 0 : classes.list,
+        item: classes === null || classes === void 0 ? void 0 : classes.listItem
+      },
+      dataAttrs: {
+        list: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.list,
+        item: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.listItem
+      }
+    });
+  };
+  var renderItemTag = function renderItemTag(item, i) {
+    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+      key: item.value,
+      className: cn('tag', [classes === null || classes === void 0 ? void 0 : classes.tag])
+    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.tag, i + 1)), /*#__PURE__*/React.createElement("span", {
+      className: cn('tag-title')
+    }, item.title), /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({
+      className: cn('tag-button', [classes === null || classes === void 0 ? void 0 : classes.tagButton])
+    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.tagButton, i + 1), {
+      type: "button",
+      disabled: disabled,
+      onClick: removeSelectedItem(item)
+    }), /*#__PURE__*/React.createElement(ClearIcon, {
+      className: cn('tag-button-icon')
+    })));
+  };
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: cn({
+      open: showItemsList,
+      disabled: disabled
+    }, [className, classes.root])
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
+    className: cn('control', {
+      active: isSelectActive
+    }),
+    ref: containerRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('input-container')
+  }, currentSelectedItems === null || currentSelectedItems === void 0 ? void 0 : currentSelectedItems.map(function (item, i) {
+    return renderItemTag(item, i);
+  }), isSelectActive && /*#__PURE__*/React.createElement("input", (0, _extends2["default"])({
+    className: cn('input', [classes.input])
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.input), {
+    id: "search",
+    placeholder: placeholder,
+    value: searchQuery,
+    maxLength: maxLength,
+    disabled: disabled,
+    onChange: handleInputChange,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    type: "text",
+    autoComplete: "off",
+    ref: inputRef
+  }))), /*#__PURE__*/React.createElement("button", {
+    className: cn('arrow-button'),
+    type: "button",
+    disabled: !isSelectActive || disabled,
+    onClick: handleToggleDropdown
+  }, /*#__PURE__*/React.createElement(ArrowIcon, {
+    className: cn('arrow-icon')
+  })), renderList()), noticeText && /*#__PURE__*/React.createElement("div", {
+    className: cn('notice-text')
+  }, noticeText));
+};
+var _default = exports["default"] = MultipleSelect;

package/dist/lib/components/Tooltip/Tooltip.d.ts

@@ -58,6 +58,12 @@ export interface ITooltipProps {
     title?: string;
     /** Текст кнопки */
     buttonText?: string;
+    /** Ссылка кнопки */
+    buttonHref?: string;
+    /** Target - свойство тега <a> кнопки */
+    buttonTarget?: '_self' | '_blank' | '_parent' | '_top';
+    /** Rel - атрибут тега <a> кнопки */
+    buttonRel?: string;
     /** Текст */
     text?: string;
     /** Наличие кнопки-крестика "Закрыть" */

package/dist/lib/components/Tooltip/Tooltip.js

@@ -107,6 +107,10 @@ var Tooltip = function Tooltip(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'big' : _ref$size,
     buttonText = _ref.buttonText,
+    buttonHref = _ref.buttonHref,
+    _ref$buttonTarget = _ref.buttonTarget,
+    buttonTarget = _ref$buttonTarget === void 0 ? '_self' : _ref$buttonTarget,
+    buttonRel = _ref.buttonRel,
     hasCloseButton = _ref.hasCloseButton,
     _ref$colorTheme = _ref.colorTheme,
     theme = _ref$colorTheme === void 0 ? 'white' : _ref$colorTheme,
@@ -325,25 +329,34 @@ var Tooltip = function Tooltip(_ref) {
   var renderedFullContent = useMemo(function () {
     var hasButtonMargin = !!title || !!text;
     var hasChildrenMargin = hasButtonMargin || !!buttonText;
+    var isLink = !!buttonHref;
+    var ButtonElementType = isLink ? 'a' : 'button';
+    var linkProps = {
+      href: buttonHref,
+      target: buttonTarget,
+      rel: buttonRel,
+      onClick: onClick
+    };
+    var buttonProps = {
+      onClick: onClick,
+      type: 'button'
+    };
     return /*#__PURE__*/React.createElement(React.Fragment, null, !!title && /*#__PURE__*/React.createElement(_Header["default"], {
       className: cn('title'),
       as: "h5",
       space: "tight"
-    }, title), !!text && renderedText, !!buttonText && /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({
-      type: "button",
+    }, title), !!text && renderedText, !!buttonText && /*#__PURE__*/React.createElement(ButtonElementType, (0, _extends2["default"])({
       className: cn('button', {
         margin: hasButtonMargin
       }, [buttonClassName])
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button), {
-      onClick: onClick
-    }), buttonText, /*#__PURE__*/React.createElement(RightArrow, {
+    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button), isLink ? linkProps : buttonProps), buttonText, /*#__PURE__*/React.createElement(RightArrow, {
       className: cn('button-arrow')
     })), !!children && /*#__PURE__*/React.createElement("div", {
       className: cn('addititonal-content', {
         margin: hasChildrenMargin
       })
     }, children));
-  }, [title, text, buttonText, children, dataAttrs, renderedText, onClick, buttonClassName]);
+  }, [title, text, buttonText, buttonHref, buttonTarget, buttonRel, onClick, renderedText, buttonClassName, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button, children]);
   var template = /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       theme: theme,

package/dist/lib/hooks/useEvent.d.ts

@@ -0,0 +1,3 @@
+type Fn<ARGS extends unknown[], R> = (...args: ARGS) => R;
+export declare const useEvent: <A extends unknown[], R>(fn: Fn<A, R>) => Fn<A, R>;
+export {};

package/dist/lib/hooks/useEvent.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEvent = void 0;
+var _react = require("react");
+var _useLatest = require("./useLatest");
+var useEvent = exports.useEvent = function useEvent(fn) {
+  var ref = (0, _useLatest.useLatest)(fn);
+  return (0, _react.useMemo)(function () {
+    return function () {
+      var current = ref.current;
+      return current.apply(void 0, arguments);
+    };
+  }, [ref]);
+};

package/dist/lib/hooks/useLatest.d.ts

@@ -0,0 +1,2 @@
+import type { RefObject } from 'react';
+export declare const useLatest: <T>(value: T) => RefObject<T>;

package/dist/lib/hooks/useLatest.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLatest = void 0;
+var _react = require("react");
+var useLatest = exports.useLatest = function useLatest(value) {
+  var valueRef = (0, _react.useRef)(value);
+  (0, _react.useInsertionEffect)(function () {
+    valueRef.current = value;
+  }, [value]);
+  return valueRef;
+};

package/dist/lib/hooks/useVisualViewport.d.ts

@@ -0,0 +1,10 @@
+type Metrics = {
+    keyboardOffset: number;
+    viewportHeight: number;
+    isKeyboardOpen: boolean;
+};
+declare function useVisualViewport({ enabled, onChange, }: {
+    enabled?: boolean;
+    onChange: (metrics: Metrics) => void;
+}): Metrics;
+export default useVisualViewport;

package/dist/lib/hooks/useVisualViewport.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _useEvent = require("./useEvent");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var getDefaultMetrics = function getDefaultMetrics() {
+  return {
+    keyboardOffset: 0,
+    viewportHeight: window.innerHeight,
+    isKeyboardOpen: false
+  };
+};
+var getMetrics = function getMetrics() {
+  var viewport = window.visualViewport;
+  if (!viewport) {
+    return getDefaultMetrics();
+  }
+  var keyboardOffset = Math.max(0, window.innerHeight - viewport.height - viewport.offsetTop);
+  var isKeyboardOpen = viewport.height < window.innerHeight && window.innerHeight - viewport.height > 150;
+  return {
+    keyboardOffset: keyboardOffset,
+    viewportHeight: viewport.height,
+    isKeyboardOpen: isKeyboardOpen
+  };
+};
+function useVisualViewport(_ref) {
+  var _ref$enabled = _ref.enabled,
+    enabled = _ref$enabled === void 0 ? true : _ref$enabled,
+    onChange = _ref.onChange;
+  var _useState = (0, _react.useState)(function () {
+      return getMetrics();
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    metrics = _useState2[0],
+    setMetrics = _useState2[1];
+  var onChangeMetrics = (0, _useEvent.useEvent)(onChange);
+  (0, _react.useEffect)(function () {
+    if (!enabled) {
+      return undefined;
+    }
+    var updateMetrics = function updateMetrics() {
+      var currentMetrics = getMetrics();
+      setMetrics(currentMetrics);
+      onChangeMetrics(currentMetrics);
+    };
+    updateMetrics();
+    var viewport = window.visualViewport;
+    viewport === null || viewport === void 0 ? void 0 : viewport.addEventListener('resize', updateMetrics);
+    viewport === null || viewport === void 0 ? void 0 : viewport.addEventListener('scroll', updateMetrics);
+    return function () {
+      viewport === null || viewport === void 0 ? void 0 : viewport.removeEventListener('resize', updateMetrics);
+      viewport === null || viewport === void 0 ? void 0 : viewport.removeEventListener('scroll', updateMetrics);
+    };
+  }, [enabled, onChangeMetrics]);
+  return metrics;
+}
+var _default = exports["default"] = useVisualViewport;

package/dist/lib/index.d.ts

@@ -10,6 +10,7 @@ export { default as Carousel } from './components/Carousel/Carousel';
 export { default as Checkbox } from './components/Checkbox/Checkbox';
 export { default as checkBreakpointsPropTypes } from './components/Carousel/checkBreakpointsPropTypes';
 export { default as Chip } from './components/Chips/Chips/Chip';
+export { default as ChipBadge } from './components/Chips/Chips/ChipBadge';
 export { default as Chips } from './components/Chips/Chips/Chips';
 export { default as ChipsDropdown } from './components/Chips/Chips/components/ChipsDropdown/ChipsDropdown';
 export { default as ChipsScrollPanel } from './components/Chips/Chips/components/ChipsScrollPanel/ChipsScrollPanel';
@@ -40,6 +41,7 @@ export { default as ModalContent } from './components/Modal/_ModalContent/ModalC
 export { default as ModalDesktop } from './components/Modal/_ModalDesktop/ModalDesktop';
 export { default as ModalMobile } from './components/Modal/_ModalMobile/ModalMobile';
 export { default as Month } from './components/Calendar/components/_Month/Month';
+export { default as MultipleSelect } from './components/MultipleSelect/MultipleSelect';
 export { default as NavArrow } from './components/NavArrow/NavArrow';
 export { default as Notification } from './components/Notification/Notification';
 export { default as NotificationBadge } from './components/Badges/NotificationBadge/NotificationBadge';
@@ -87,5 +89,6 @@ export { default as UploadFileItemIcon } from './components/UploadForm/UploadFil
 export { default as useDragAndDrop } from './components/UploadForm/UploadField/components/useDragAndDrop';
 export { default as useGradient } from './components/Carousel/useGradient';
 export { default as usePagination } from './components/Pagination/usePagination';
+export { default as usePreventScroll } from './components/Modal/utils/usePreventScroll';
 export { default as utils } from './components/Modal/utils/utils';
 export { default as ValueField } from './components/ValueField/ValueField';

package/dist/lib/index.js

@@ -69,6 +69,12 @@ Object.defineProperty(exports, "Chip", {
     return _Chip["default"];
   }
 });
+Object.defineProperty(exports, "ChipBadge", {
+  enumerable: true,
+  get: function get() {
+    return _ChipBadge["default"];
+  }
+});
 Object.defineProperty(exports, "ChipSuggest", {
   enumerable: true,
   get: function get() {
@@ -243,6 +249,12 @@ Object.defineProperty(exports, "Month", {
     return _Month["default"];
   }
 });
+Object.defineProperty(exports, "MultipleSelect", {
+  enumerable: true,
+  get: function get() {
+    return _MultipleSelect["default"];
+  }
+});
 Object.defineProperty(exports, "NavArrow", {
   enumerable: true,
   get: function get() {
@@ -543,6 +555,12 @@ Object.defineProperty(exports, "usePagination", {
     return _usePagination["default"];
   }
 });
+Object.defineProperty(exports, "usePreventScroll", {
+  enumerable: true,
+  get: function get() {
+    return _usePreventScroll["default"];
+  }
+});
 Object.defineProperty(exports, "utils", {
   enumerable: true,
   get: function get() {
@@ -561,6 +579,7 @@ var _Carousel = _interopRequireDefault(require("./components/Carousel/Carousel")
 var _Checkbox = _interopRequireDefault(require("./components/Checkbox/Checkbox"));
 var _checkBreakpointsPropTypes = _interopRequireDefault(require("./components/Carousel/checkBreakpointsPropTypes"));
 var _Chip = _interopRequireDefault(require("./components/Chips/Chips/Chip"));
+var _ChipBadge = _interopRequireDefault(require("./components/Chips/Chips/ChipBadge"));
 var _Chips = _interopRequireDefault(require("./components/Chips/Chips/Chips"));
 var _ChipsDropdown = _interopRequireDefault(require("./components/Chips/Chips/components/ChipsDropdown/ChipsDropdown"));
 var _ChipsScrollPanel = _interopRequireDefault(require("./components/Chips/Chips/components/ChipsScrollPanel/ChipsScrollPanel"));
@@ -591,6 +610,7 @@ var _ModalContent = _interopRequireDefault(require("./components/Modal/_ModalCon
 var _ModalDesktop = _interopRequireDefault(require("./components/Modal/_ModalDesktop/ModalDesktop"));
 var _ModalMobile = _interopRequireDefault(require("./components/Modal/_ModalMobile/ModalMobile"));
 var _Month = _interopRequireDefault(require("./components/Calendar/components/_Month/Month"));
+var _MultipleSelect = _interopRequireDefault(require("./components/MultipleSelect/MultipleSelect"));
 var _NavArrow = _interopRequireDefault(require("./components/NavArrow/NavArrow"));
 var _Notification = _interopRequireDefault(require("./components/Notification/Notification"));
 var _NotificationBadge = _interopRequireDefault(require("./components/Badges/NotificationBadge/NotificationBadge"));
@@ -638,6 +658,7 @@ var _UploadFileItemIcon = _interopRequireDefault(require("./components/UploadFor
 var _useDragAndDrop = _interopRequireDefault(require("./components/UploadForm/UploadField/components/useDragAndDrop"));
 var _useGradient = _interopRequireDefault(require("./components/Carousel/useGradient"));
 var _usePagination = _interopRequireDefault(require("./components/Pagination/usePagination"));
+var _usePreventScroll = _interopRequireDefault(require("./components/Modal/utils/usePreventScroll"));
 var _utils = _interopRequireDefault(require("./components/Modal/utils/utils"));
 var _ValueField = _interopRequireDefault(require("./components/ValueField/ValueField"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/dist/lib/utils/browser.d.ts

@@ -0,0 +1,7 @@
+export declare function isMobileFirefox(): boolean | undefined;
+export declare function testPlatform(re: RegExp): boolean | undefined;
+export declare function isMac(): boolean | undefined;
+export declare function isIPhone(): boolean | undefined;
+export declare function isSafari(): boolean | undefined;
+export declare function isIPad(): boolean | undefined;
+export declare function isIOS(): boolean | undefined;

package/dist/lib/utils/browser.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isIOS = isIOS;
+exports.isIPad = isIPad;
+exports.isIPhone = isIPhone;
+exports.isMac = isMac;
+exports.isMobileFirefox = isMobileFirefox;
+exports.isSafari = isSafari;
+exports.testPlatform = testPlatform;
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.test.js");
+function isMobileFirefox() {
+  var _navigator = navigator,
+    userAgent = _navigator.userAgent;
+  return typeof window !== 'undefined' && (/Firefox/.test(userAgent) && /Mobile/.test(userAgent) ||
+  // Android Firefox
+  /FxiOS/.test(userAgent)) // iOS Firefox
+  ;
+}
+function testPlatform(re) {
+  return typeof window !== 'undefined' && window.navigator != null ? re.test(window.navigator.platform) : undefined;
+}
+function isMac() {
+  return testPlatform(/^Mac/);
+}
+function isIPhone() {
+  return testPlatform(/^iPhone/);
+}
+function isSafari() {
+  return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+}
+function isIPad() {
+  return testPlatform(/^iPad/) ||
+  // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  isMac() && navigator.maxTouchPoints > 1;
+}
+function isIOS() {
+  return isIPhone() || isIPad();
+}

package/dist/lib/utils/is.d.ts

@@ -0,0 +1,19 @@
+export declare function isNumber(value: unknown): value is number;
+export declare function isInteger(v: unknown): boolean;
+export declare function isArray<T>(value: unknown): value is Array<T>;
+export declare function isEmptyArray(value: unknown): boolean;
+type AnyFunction = (...args: unknown[]) => unknown;
+export declare function isFunction<T extends AnyFunction = AnyFunction>(value: unknown): value is T;
+export declare function isDefined(value: unknown): boolean;
+export declare function isUndefined(value: unknown): value is undefined;
+export declare function isObject(value: unknown): value is Record<string, unknown>;
+export declare function isEmptyObject(value: unknown): boolean;
+export declare function isNull(value: unknown): value is null;
+export declare function isString(value: unknown): value is string;
+export declare function isCssVar(value: string): boolean;
+export declare function isEmpty(value: unknown): boolean;
+export declare const isBoolean: (value: unknown) => value is boolean;
+type Falsy = false | 0 | '' | null | undefined | bigint;
+export declare const isTruthy: <T>(value: T) => value is Exclude<T, Falsy>;
+export declare const isHTMLElement: (value: unknown) => value is HTMLElement;
+export {};