@megafon/ui-core 9.2.2 → 9.4.0

package/dist/es/components/MultipleSelect/MultipleSelect.js

@@ -0,0 +1,235 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.some.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.includes.js";
+import * as React from 'react';
+import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import debounce from 'lodash.debounce';
+import Dropdown from "../Dropdown/Dropdown";
+import "./MultipleSelect.css";
+var ClearIcon = function ClearIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    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", _extends({
+    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 = 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 = _slicedToArray(_React$useState, 2),
+    isDropdownOpen = _React$useState2[0],
+    setIsDropdownOpen = _React$useState2[1];
+  var _React$useState3 = React.useState(selectedItems),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    innerSelectedItems = _React$useState4[0],
+    setInnerSelectedItems = _React$useState4[1];
+  var _React$useState5 = React.useState(items),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    innerCurrentItems = _React$useState6[0],
+    setInnerCurrentItems = _React$useState6[1];
+  var _React$useState7 = React.useState(''),
+    _React$useState8 = _slicedToArray(_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 debounce(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(_toConsumableArray(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, {
+      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", _extends({
+      key: item.value,
+      className: cn('tag', [classes === null || classes === void 0 ? void 0 : classes.tag])
+    }, 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", _extends({
+      className: cn('tag-button', [classes === null || classes === void 0 ? void 0 : classes.tagButton])
+    }, 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", _extends({
+    className: cn({
+      open: showItemsList,
+      disabled: disabled
+    }, [className, classes.root])
+  }, 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", _extends({
+    className: cn('input', [classes.input])
+  }, 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));
+};
+export default MultipleSelect;

package/dist/es/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/es/components/Tooltip/Tooltip.js

@@ -98,6 +98,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,
@@ -316,25 +320,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, {
       className: cn('title'),
       as: "h5",
       space: "tight"
-    }, title), !!text && renderedText, !!buttonText && /*#__PURE__*/React.createElement("button", _extends({
-      type: "button",
+    }, title), !!text && renderedText, !!buttonText && /*#__PURE__*/React.createElement(ButtonElementType, _extends({
       className: cn('button', {
         margin: hasButtonMargin
       }, [buttonClassName])
-    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button), {
-      onClick: onClick
-    }), buttonText, /*#__PURE__*/React.createElement(RightArrow, {
+    }, 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", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       theme: theme,

package/dist/es/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/es/hooks/useEvent.js

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+import { useLatest } from "./useLatest";
+export var useEvent = function useEvent(fn) {
+  var ref = useLatest(fn);
+  return useMemo(function () {
+    return function () {
+      var current = ref.current;
+      return current.apply(void 0, arguments);
+    };
+  }, [ref]);
+};

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

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

package/dist/es/hooks/useLatest.js

@@ -0,0 +1,8 @@
+import { useInsertionEffect, useRef } from 'react';
+export var useLatest = function useLatest(value) {
+  var valueRef = useRef(value);
+  useInsertionEffect(function () {
+    valueRef.current = value;
+  }, [value]);
+  return valueRef;
+};

package/dist/es/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/es/hooks/useVisualViewport.js

@@ -0,0 +1,55 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useEffect, useState } from 'react';
+import { useEvent } from "./useEvent";
+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 = useState(function () {
+      return getMetrics();
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    metrics = _useState2[0],
+    setMetrics = _useState2[1];
+  var onChangeMetrics = useEvent(onChange);
+  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;
+}
+export default useVisualViewport;

package/dist/es/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/es/index.js

@@ -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/es/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/es/utils/browser.js

@@ -0,0 +1,30 @@
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.regexp.test.js";
+export 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
+  ;
+}
+export function testPlatform(re) {
+  return typeof window !== 'undefined' && window.navigator != null ? re.test(window.navigator.platform) : undefined;
+}
+export function isMac() {
+  return testPlatform(/^Mac/);
+}
+export function isIPhone() {
+  return testPlatform(/^iPhone/);
+}
+export function isSafari() {
+  return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+}
+export 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;
+}
+export function isIOS() {
+  return isIPhone() || isIPad();
+}

package/dist/es/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 {};

package/dist/es/utils/is.js

@@ -0,0 +1,70 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+import "core-js/modules/es.array.is-array.js";
+import "core-js/modules/es.date.to-string.js";
+import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.number.is-finite.js";
+import "core-js/modules/es.number.is-nan.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.regexp.test.js";
+import "core-js/modules/es.regexp.to-string.js";
+export function isNumber(value) {
+  return typeof value === 'number';
+}
+export function isInteger(v) {
+  var value = Number(v);
+  return typeof value === 'number' && !Number.isNaN(value) && Number.isFinite(value) && Math.floor(value) === value;
+}
+export function isArray(value) {
+  return Array.isArray(value);
+}
+export function isEmptyArray(value) {
+  return isArray(value) && value.length === 0;
+}
+export function isFunction(value) {
+  return typeof value === 'function';
+}
+export function isDefined(value) {
+  return typeof value !== 'undefined' && value !== undefined;
+}
+export function isUndefined(value) {
+  return typeof value === 'undefined' || value === undefined;
+}
+export function isObject(value) {
+  var type = _typeof(value);
+  return value != null && (type === 'object' || type === 'function') && !isArray(value);
+}
+export function isEmptyObject(value) {
+  return isObject(value) && Object.keys(value).length === 0;
+}
+export function isNull(value) {
+  return value === null;
+}
+export function isString(value) {
+  return Object.prototype.toString.call(value) === '[object String]';
+}
+export function isCssVar(value) {
+  return /^var\(--.+\)$/.test(value);
+}
+export function isEmpty(value) {
+  if (isArray(value)) {
+    return isEmptyArray(value);
+  }
+  if (isObject(value)) {
+    return isEmptyObject(value);
+  }
+  if (value == null || value === '') {
+    return true;
+  }
+  return false;
+}
+export var isBoolean = function isBoolean(value) {
+  return typeof value === 'boolean';
+};
+export var isTruthy = function isTruthy(value) {
+  return Boolean(value);
+};
+export var isHTMLElement = function isHTMLElement(value) {
+  return value instanceof HTMLElement;
+};

package/dist/lib/components/Badges/PromoBadge/PromoBadge.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-promo-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;color:var(--stcWhite);padding:4px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-promo-badge_color_berry{background-color:var(--berry)}.mfui-9-promo-badge_color_brand-purple-20{background-color:var(--brandPurple20);color:var(--brandPurple)}.mfui-9-promo-badge_color_brand-purple{background-color:var(--brandPurple)}.mfui-9-promo-badge_color_night{background-color:var(--night)}.mfui-9-promo-badge_color_sky{background-color:var(--sky)}.mfui-9-promo-badge_color_flamingo{background-color:var(--flamingo)}.mfui-9-promo-badge_color_gradient-purple{background:var(--gradientPurple1);color:var(--stcWhite)}.mfui-9-promo-badge_color_gray{background:var(--spbSky1);color:var(--content)}.mfui-9-promo-badge_size_small{border-radius:8px;height:18px;padding:0 8px}.mfui-9-promo-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:18px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-promo-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;color:var(--stcWhite);padding:3px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-9-promo-badge_color_berry{background-color:var(--berry)}.mfui-9-promo-badge_color_brand-purple-20{background-color:var(--brandPurple20);color:var(--brandPurple)}.mfui-9-promo-badge_color_brand-purple{background-color:var(--brandPurple)}.mfui-9-promo-badge_color_night{background-color:var(--night)}.mfui-9-promo-badge_color_sky{background-color:var(--sky)}.mfui-9-promo-badge_color_flamingo{background-color:var(--flamingo)}.mfui-9-promo-badge_color_gradient-purple{background:var(--gradientPurple1);color:var(--stcWhite)}.mfui-9-promo-badge_color_gray{background:var(--spbSky0);color:var(--content)}.mfui-9-promo-badge_color_white{background:var(--base);color:var(--content)}.mfui-9-promo-badge_icon{padding:3px 8px}.mfui-9-promo-badge_size_small{border-radius:8px;height:20px;padding:0 8px}.mfui-9-promo-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:18px}.mfui-9-promo-badge__text_size_small{font-size:10px;line-height:12px}.mfui-9-promo-badge__icon{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:4px}.mfui-9-promo-badge__icon_size_small{margin-left:-4px;margin-right:2px}

package/dist/lib/components/Badges/PromoBadge/PromoBadge.d.ts

@@ -9,6 +9,7 @@ export declare const PromoBadgeColors: {
     readonly FLAMINGO: "flamingo";
     readonly GRADIENT_PURPLE: "gradient-purple";
     readonly GRAY: "gray";
+    readonly WHITE: "white";
 };
 type PromoBadgeColorsType = (typeof PromoBadgeColors)[keyof typeof PromoBadgeColors];
 export declare const PromoBadgeSize: {
@@ -16,11 +17,17 @@ export declare const PromoBadgeSize: {
     readonly MEDIUM: "medium";
 };
 type PromoBadgeSizeType = (typeof PromoBadgeSize)[keyof typeof PromoBadgeSize];
+export declare const PromoBadgeIcon: {
+    readonly PERSONAL: "personal";
+};
+type PromoBadgeIconType = (typeof PromoBadgeIcon)[keyof typeof PromoBadgeIcon];
 export interface IPromoBadgeProps {
     /** Цвет промо-бэйджа */
     color?: PromoBadgeColorsType;
     /** Размер промо-бэйджа */
     size?: PromoBadgeSizeType;
+    /** Иконка промо-бэйджа */
+    icon?: PromoBadgeIconType;
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Дополнительные data-атрибуты к внутренним элементам */