@megafon/ui-shared 2.0.0-beta.24 → 2.0.0-beta.240

package/dist/es/components/ProductCard/ProductCardWrapper.d.ts

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import './ProductCardWrapper.less';
-export interface IProductCardWrapperProps {
-    /** This option add specific className on container
-     * and child components change styles: background, paddings, font-size...
-     */
-    theme?: 'default';
-    /** Hint from left */
-    hint?: {
-        title: string;
-        color: 'green' | 'orange' | 'black';
-    };
-    /** Show border
-     * each property:'sky' or true(bool)
-     * true - get default color #D8D8D8
-     * sky - #EDEDED
-     */
-    border?: Partial<{
-        top: boolean | 'sky';
-        right: boolean | 'sky';
-        bottom: boolean | 'sky';
-        left: boolean | 'sky';
-    }>;
-    children: JSX.Element[] | Element[] | JSX.Element | Element;
-    className?: string;
-    classNameInner?: string;
-    classNameContainer?: string;
-}
-declare class ProductCardWrapper extends React.Component<IProductCardWrapperProps, {}> {
-    static propTypes: {
-        theme: PropTypes.Requireable<string>;
-        hint: PropTypes.Requireable<PropTypes.InferProps<{
-            title: PropTypes.Validator<string>;
-            color: PropTypes.Validator<string>;
-        }>>;
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        border: PropTypes.Requireable<PropTypes.InferProps<{
-            top: PropTypes.Requireable<string | boolean>;
-            right: PropTypes.Requireable<string | boolean>;
-            bottom: PropTypes.Requireable<string | boolean>;
-            left: PropTypes.Requireable<string | boolean>;
-        }>>;
-        className: PropTypes.Requireable<string>;
-        classNameInner: PropTypes.Requireable<string>;
-        classNameContainer: PropTypes.Requireable<string>;
-    };
-    static defaultProps: Partial<IProductCardWrapperProps>;
-    handleClick: (e: React.MouseEvent<HTMLElement, MouseEvent>) => boolean;
-    renderHintLabel(): JSX.Element;
-    render(): JSX.Element;
-}
-export default ProductCardWrapper;

package/dist/es/components/ProductCard/ProductCardWrapper.js

@@ -1,109 +0,0 @@
-import "core-js/modules/es.date.to-string";
-import "core-js/modules/es.function.name";
-import "core-js/modules/es.object.to-string";
-import "core-js/modules/es.reflect.construct";
-import "core-js/modules/es.regexp.to-string";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { cnCreate } from '@megafon/ui-core';
-import "./ProductCardWrapper.css";
-var cn = cnCreate('mfui-beta-product-card-wrapper');
-
-var ProductCardWrapper = /*#__PURE__*/function (_React$Component) {
-  _inherits(ProductCardWrapper, _React$Component);
-
-  var _super = _createSuper(ProductCardWrapper);
-
-  function ProductCardWrapper() {
-    var _this;
-
-    _classCallCheck(this, ProductCardWrapper);
-
-    _this = _super.apply(this, arguments);
-
-    _this.handleClick = function (e) {
-      return e.target.tagName !== 'A';
-    };
-
-    return _this;
-  }
-
-  _createClass(ProductCardWrapper, [{
-    key: "renderHintLabel",
-    value: function renderHintLabel() {
-      var hint = this.props.hint;
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('hint-box')
-      }, /*#__PURE__*/React.createElement("div", {
-        className: cn('hint-text')
-      }, hint && hint.title));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _cn;
-
-      var _this$props = this.props,
-          hint = _this$props.hint,
-          border = _this$props.border,
-          theme = _this$props.theme,
-          className = _this$props.className,
-          classNameInner = _this$props.classNameInner,
-          classNameContainer = _this$props.classNameContainer;
-
-      var getHintColor = function getHintColor() {
-        return !!hint && hint.constructor.name === 'Object' ? hint.color : null;
-      };
-
-      var color = getHintColor();
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('', (_cn = {
-          hint: !!hint
-        }, _defineProperty(_cn, "hint_".concat(color), !!color), _defineProperty(_cn, "bl", border.left), _defineProperty(_cn, "br", border.right), _defineProperty(_cn, "bt", border.top), _defineProperty(_cn, "bb", border.bottom), _defineProperty(_cn, "theme", theme), _cn), className),
-        onClick: this.handleClick
-      }, /*#__PURE__*/React.createElement("div", {
-        className: cn('inner', {}, classNameInner)
-      }, hint && this.renderHintLabel(), /*#__PURE__*/React.createElement("div", {
-        className: cn('container', {}, classNameContainer)
-      }, this.props.children)));
-    }
-  }]);
-
-  return ProductCardWrapper;
-}(React.Component);
-
-ProductCardWrapper.propTypes = {
-  theme: PropTypes.oneOf(['default']),
-  hint: PropTypes.shape({
-    title: PropTypes.string.isRequired,
-    color: PropTypes.oneOf(['green', 'orange', 'black']).isRequired
-  }),
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element, PropTypes.node]),
-  border: PropTypes.shape({
-    top: PropTypes.oneOf([false, true, 'sky']),
-    right: PropTypes.oneOf([false, true, 'sky']),
-    bottom: PropTypes.oneOf([false, true, 'sky']),
-    left: PropTypes.oneOf([false, true, 'sky'])
-  }),
-  className: PropTypes.string,
-  classNameInner: PropTypes.string,
-  classNameContainer: PropTypes.string
-};
-ProductCardWrapper.defaultProps = {
-  border: {
-    right: true,
-    left: true
-  }
-};
-export default ProductCardWrapper;

package/dist/es/components/ProductSwitcher/ProductSwitcher.css

@@ -1,372 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-beta-product-switcher {
-  font-family: inherit;
-  display: inline-block;
-  vertical-align: top;
-  position: relative;
-  background-color: #00863e;
-  border-radius: 50px;
-}
-.mfui-beta-product-switcher__row {
-  position: relative;
-  z-index: 1;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-}
-.mfui-beta-product-switcher__item {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  cursor: pointer;
-}
-@media screen and (max-width: 767px) {
-  .mfui-beta-product-switcher__item {
-    width: 54px;
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-product-switcher__item {
-    width: 61px;
-  }
-}
-.mfui-beta-product-switcher__item:first-child {
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-}
-.mfui-beta-product-switcher__item:last-child {
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-}
-.mfui-beta-product-switcher__label {
-  font-size: 22px;
-  line-height: 28px;
-  font-weight: 600;
-  letter-spacing: 0.5px;
-  width: 64px;
-  height: 64px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  color: #FFFFFF;
-  -webkit-transition: color 0.2s ease-in-out 0.05s;
-  transition: color 0.2s ease-in-out 0.05s;
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-product-switcher__label {
-    font-size: 26px;
-    line-height: 32px;
-  }
-}
-@media screen and (min-width: 1024px) {
-  .mfui-beta-product-switcher__label {
-    font-size: 28px;
-    line-height: 36px;
-  }
-}
-@media screen and (min-width: 1280px) {
-  .mfui-beta-product-switcher__label {
-    font-size: 32px;
-    line-height: 40px;
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-beta-product-switcher__label {
-    width: 48px;
-    height: 48px;
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-product-switcher__label {
-    width: 56px;
-    height: 56px;
-  }
-}
-@media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-beta-product-switcher__label {
-    font-size: 32px;
-    line-height: 40px;
-  }
-}
-.mfui-beta-product-switcher__label-unit {
-  display: none;
-}
-.mfui-beta-product-switcher__pointer {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 0;
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background-color: #FFFFFF;
-  -webkit-transition: -webkit-transform 0.2s ease-in-out;
-  transition: -webkit-transform 0.2s ease-in-out;
-  transition: transform 0.2s ease-in-out;
-  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
-  cursor: pointer;
-}
-@media screen and (max-width: 767px) {
-  .mfui-beta-product-switcher__pointer {
-    width: 48px;
-    height: 48px;
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-product-switcher__pointer {
-    width: 56px;
-    height: 56px;
-  }
-}
-.mfui-beta-product-switcher__item_active {
-  cursor: default;
-}
-.mfui-beta-product-switcher__item_active .mfui-beta-product-switcher__label {
-  color: #00B956;
-}
-.mfui-beta-product-switcher__color-row {
-  display: none;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_tariff-showcase {
-  width: 100%;
-  background-color: #FFFFFF;
-  -webkit-box-shadow: 0 0 0 1px #EDEDED;
-          box-shadow: 0 0 0 1px #EDEDED;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_tariff-showcase .mfui-beta-product-switcher__row {
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_tariff-showcase .mfui-beta-product-switcher__label {
-  font-size: 12px;
-  font-weight: normal;
-  line-height: 44px;
-  color: #000000;
-  width: 44px;
-  height: 44px;
-}
-@media screen and (min-width: 1280px) {
-  .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_tariff-showcase .mfui-beta-product-switcher__label {
-    width: 52px;
-    height: 52px;
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_tariff-showcase .mfui-beta-product-switcher__item {
-    width: 44px;
-  }
-}
-@media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_tariff-showcase .mfui-beta-product-switcher__item {
-    width: 63px;
-  }
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_tariff-showcase .mfui-beta-product-switcher__item:hover .mfui-beta-product-switcher__label {
-  color: #10E272;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_tariff-showcase .mfui-beta-product-switcher__item_active .mfui-beta-product-switcher__label {
-  color: #FFFFFF !important;
-  font-size: 15px;
-  font-weight: 500;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_tariff-showcase .mfui-beta-product-switcher__pointer {
-  border: 2px solid #FFFFFF;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  background-color: #00B956;
-  width: 44px;
-  height: 44px;
-}
-@media screen and (min-width: 1280px) {
-  .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_tariff-showcase .mfui-beta-product-switcher__pointer {
-    width: 52px;
-    height: 52px;
-  }
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-unit-values {
-  border-radius: 35px;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-unit-values .mfui-beta-product-switcher__item {
-  width: 95px;
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-unit-values .mfui-beta-product-switcher__item {
-    width: 106px;
-  }
-}
-@media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-unit-values .mfui-beta-product-switcher__item {
-    width: 112px;
-  }
-}
-@media screen and (min-width: 1280px) {
-  .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-unit-values .mfui-beta-product-switcher__item {
-    width: 131px;
-  }
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-unit-values .mfui-beta-product-switcher__label {
-  width: 95px;
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-unit-values .mfui-beta-product-switcher__label {
-    width: 106px;
-  }
-}
-@media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-unit-values .mfui-beta-product-switcher__label {
-    width: 112px;
-  }
-}
-@media screen and (min-width: 1280px) {
-  .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-unit-values .mfui-beta-product-switcher__label {
-    width: 131px;
-  }
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-unit-values .mfui-beta-product-switcher__pointer {
-  border-radius: 24px;
-  width: 95px;
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-unit-values .mfui-beta-product-switcher__pointer {
-    width: 106px;
-    border-radius: 26px;
-  }
-}
-@media screen and (min-width: 1024px) {
-  .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-unit-values .mfui-beta-product-switcher__pointer {
-    border-radius: 32px;
-  }
-}
-@media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-unit-values .mfui-beta-product-switcher__pointer {
-    width: 112px;
-  }
-}
-@media screen and (min-width: 1280px) {
-  .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-unit-values .mfui-beta-product-switcher__pointer {
-    width: 131px;
-  }
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  width: 100%;
-  height: 66px;
-  background-color: transparent;
-  border-radius: 6px;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row:not(:first-child) {
-  margin-top: 16px;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row .mfui-beta-product-switcher__row {
-  height: 12px;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  background-color: #EDEDED;
-  border-radius: 6px;
-  z-index: auto;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row .mfui-beta-product-switcher__item {
-  width: 24px;
-  z-index: 3;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row .mfui-beta-product-switcher__item:last-child .mfui-beta-product-switcher__label {
-  right: 0;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row .mfui-beta-product-switcher__item_active {
-  display: block;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row .mfui-beta-product-switcher__item_active .mfui-beta-product-switcher__label {
-  font-size: 15px;
-  font-weight: 500;
-  height: 24px;
-  line-height: 24px;
-  top: -34px;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row .mfui-beta-product-switcher__item_active .mfui-beta-product-switcher__label-unit {
-  display: block;
-  margin-left: 4px;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row .mfui-beta-product-switcher__item_active .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row .mfui-beta-product-switcher:last-child .mfui-beta-product-switcher__label,
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row .mfui-beta-product-switcher__item_active .mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row .mfui-beta-product-switcher:first-child .mfui-beta-product-switcher__label {
-  -webkit-transform: none;
-          transform: none;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row .mfui-beta-product-switcher__item_disabled .mfui-beta-product-switcher__label {
-  color: #D8D8D8;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row .mfui-beta-product-switcher__label {
-  width: auto;
-  position: absolute;
-  top: 17px;
-  color: #333333;
-  height: 12px;
-  line-height: 16px;
-  font-size: 12px;
-  font-weight: 400;
-  -webkit-transition: none;
-  transition: none;
-  white-space: nowrap;
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row .mfui-beta-product-switcher__pointer {
-  border-radius: 24px;
-  width: 24px;
-  height: 24px;
-  position: absolute;
-  top: 21px;
-  left: 0;
-  z-index: 3;
-  -webkit-transition: none;
-  transition: none;
-  -webkit-box-shadow: 0 0 7px 0 rgba(32, 39, 48, 0.29), 0 0 3px 0 rgba(38, 41, 61, 0.06);
-          box-shadow: 0 0 7px 0 rgba(32, 39, 48, 0.29), 0 0 3px 0 rgba(38, 41, 61, 0.06);
-}
-.mfui-beta-product-switcher.mfui-beta-product-switcher_theme_with-color-row .mfui-beta-product-switcher__color-row {
-  display: block;
-  background-color: #00B956;
-  position: absolute;
-  top: 27px;
-  left: 0;
-  height: 12px;
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-  z-index: 2;
-  -webkit-transition: none;
-  transition: none;
-}

package/dist/es/components/ProductSwitcher/ProductSwitcher.d.ts

@@ -1,86 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import './ProductSwitcher.less';
-interface IItem {
-    title: string;
-    value: string;
-    unit?: string;
-}
-export interface IProductSwitcherProps {
-    /** Class name */
-    items: IItem[];
-    /** Start index */
-    startIndex?: number;
-    /** Theme */
-    theme?: 'tariff-showcase' | 'with-unit-values' | 'with-color-row';
-    /** Custom class name */
-    className: string;
-    /** Change handler */
-    onChange(e: React.SyntheticEvent<EventTarget> | TouchEvent | MouseEvent, value: string, index: number): boolean;
-}
-interface IProductSwitcherState {
-    /** Current value */
-    currentValue: string;
-    currentIndex: number;
-    isPointerPressed: boolean;
-    isPressedPointerLeaveBlock: boolean;
-}
-declare class ProductSwitcher extends React.Component<IProductSwitcherProps, IProductSwitcherState> {
-    static propTypes: {
-        items: PropTypes.Validator<any[]>;
-        startIndex: PropTypes.Requireable<number>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        theme: PropTypes.Requireable<string>;
-    };
-    static defaultProps: Pick<IProductSwitcherProps, 'startIndex'>;
-    labelNodes: object;
-    rootNode: HTMLElement | null;
-    pointerNode: HTMLElement | null;
-    colorRowNode: HTMLElement | null;
-    timer: number;
-    isTouch: boolean;
-    swipeRowWidth: number;
-    constructor(props: IProductSwitcherProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: IProductSwitcherProps): void;
-    getSafeStartIndex(startIndex: number, items: IItem[]): number;
-    handleWindowSize: () => void;
-    handleClickItem: (value: string, index: number) => (e: React.SyntheticEvent<EventTarget, Event>) => void;
-    setHandlers: () => void;
-    removeHandlers: () => void;
-    setPointerState: (e: Event) => void;
-    handleTouchMove: (e: TouchEvent) => void;
-    handleMouseMove: (e: MouseEvent) => void;
-    handleMouseLeave: (e: MouseEvent) => void;
-    handleMouseUp: (e: MouseEvent) => void;
-    handleBodyMouseUp: (e: MouseEvent) => void;
-    handleTouchEnd: (e: TouchEvent) => void;
-    moveSwitcher: (e: MouseEvent | TouchEvent | React.SyntheticEvent<EventTarget, Event>, eventXCoord: number) => void;
-    handleEndSwitchActions: (e: MouseEvent | TouchEvent | React.SyntheticEvent<EventTarget, Event>, eventXCoord: number) => void;
-    getEntryPointsRange: (centralСoordinate: number) => number[];
-    getNearPoint: (outRowPoint: number) => {
-        item: number;
-        coord: number;
-        title: string;
-        value: string;
-        unit?: string | undefined;
-    }[];
-    getRangeWrapperCoords: (node: HTMLElement) => DOMRect;
-    getSwitcherStep: () => number | undefined;
-    getRowItemsInfo: () => {
-        item: number;
-        coord: number;
-        title: string;
-        value: string;
-        unit?: string | undefined;
-    }[];
-    movePointer(value: string): void;
-    moveSwipePointer: (value: string) => void;
-    getRootNode: (node: HTMLElement | null) => void;
-    getLabelNodes: (value: string) => (node: HTMLElement | null) => void;
-    getPointerNode: (node: HTMLElement | null) => void;
-    getColorRowNode: (node: HTMLElement | null) => void;
-    render(): JSX.Element;
-}
-export default ProductSwitcher;