@megafon/ui-core 5.18.1 → 6.0.0-beta.2

package/dist/es/components/Selector/Selector.js

@@ -1,16 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.function.name.js";
+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.function.name.js";
+import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.string.includes.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.array.concat.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
 import "./Selector.css";
-
 var CheckedIcon = function CheckedIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 14 12"
@@ -18,48 +17,41 @@ var CheckedIcon = function CheckedIcon(props) {
     d: "M4.523 8.368L12.386 0 14 1.914 4.523 12 0 7.187l1.614-1.914 2.909 3.095z"
   }));
 };
-
 var cn = cnCreate('mfui-selector');
-
 var Selector = function Selector(_ref) {
-  var _cn;
-
   var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'dark' : _ref$color,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'radio' : _ref$type,
-      value = _ref.value,
-      name = _ref.name,
-      checked = _ref.checked,
-      _ref$checkedOptions = _ref.checkedOptions,
-      checkedOptions = _ref$checkedOptions === void 0 ? [] : _ref$checkedOptions,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      error = _ref.error,
-      className = _ref.className,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      dataAttrs = _ref.dataAttrs,
-      children = _ref.children,
-      onChange = _ref.onChange,
-      inputRef = _ref.inputRef;
-
+    color = _ref$color === void 0 ? 'dark' : _ref$color,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'radio' : _ref$type,
+    value = _ref.value,
+    name = _ref.name,
+    checked = _ref.checked,
+    _ref$checkedOptions = _ref.checkedOptions,
+    checkedOptions = _ref$checkedOptions === void 0 ? [] : _ref$checkedOptions,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    error = _ref.error,
+    className = _ref.className,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs,
+    children = _ref.children,
+    onChange = _ref.onChange,
+    inputRef = _ref.inputRef;
   var handleChange = function handleChange() {
     if (type === 'radio') {
       return onChange === null || onChange === void 0 ? void 0 : onChange(value);
     }
-
     var isChecked = checkedOptions.includes(value);
     var newCheckedOptions = isChecked ? checkedOptions.filter(function (option) {
       return option !== value;
     }) : [].concat(_toConsumableArray(checkedOptions), [value]);
     return onChange === null || onChange === void 0 ? void 0 : onChange(newCheckedOptions);
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cn('', className)
   }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("label", _extends({
-    className: cn('label', (_cn = {}, _defineProperty(_cn, color, true), _defineProperty(_cn, "disabled", disabled), _defineProperty(_cn, "error", error), _cn), classes.label)
+    className: cn('label', _defineProperty(_defineProperty(_defineProperty({}, color, true), "disabled", disabled), "error", error), classes.label)
   }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.label)), /*#__PURE__*/React.createElement("input", _extends({
     className: cn('input'),
     type: type,
@@ -75,23 +67,4 @@ var Selector = function Selector(_ref) {
     className: cn('icon')
   })), children));
 };
-
-Selector.propTypes = {
-  color: PropTypes.oneOf(['dark', 'light']),
-  type: PropTypes.oneOf(['radio', 'checkbox']),
-  value: PropTypes.string.isRequired,
-  name: PropTypes.string,
-  disabled: PropTypes.bool,
-  checked: PropTypes.bool,
-  checkedOptions: PropTypes.arrayOf(PropTypes.string.isRequired),
-  error: PropTypes.bool,
-  className: PropTypes.string,
-  classes: PropTypes.objectOf(PropTypes.string),
-  dataAttrs: PropTypes.objectOf(PropTypes.object),
-  children: PropTypes.node,
-  onChange: PropTypes.func,
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])])
-};
 export default Selector;

package/dist/es/components/Sliders/Slider/Slider.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { DisplayValueType } from '../components/SliderDisplayValue/SliderDisplayValue';
 import { ScaleType } from '../components/SliderScale/SliderScale';
-import './Slider.less';
+import './Slider.scss';
 export interface ISlider {
     /** Дополнительный класс корневого элемента */
     className?: string;

package/dist/es/components/Sliders/Slider/Slider.js

@@ -1,50 +1,43 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
-import SliderDisplayValue, { DisplayValue } from "../components/SliderDisplayValue/SliderDisplayValue";
-import SliderScale, { Scale } from "../components/SliderScale/SliderScale";
+import SliderDisplayValue from "../components/SliderDisplayValue/SliderDisplayValue";
+import SliderScale from "../components/SliderScale/SliderScale";
 import { getRangeValue, getTrackSize, removeFirstZeros } from "../helpers";
 import "./Slider.css";
 var cn = cnCreate('mfui-slider');
-
 var Slider = function Slider(_ref) {
   var className = _ref.className,
-      label = _ref.label,
-      displayValueType = _ref.displayValueType,
-      displayValueUnit = _ref.displayValueUnit,
-      _ref$value = _ref.value,
-      outerValue = _ref$value === void 0 ? 0 : _ref$value,
-      minValue = _ref.minValue,
-      maxValue = _ref.maxValue,
-      _ref$isControlled = _ref.isControlled,
-      isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
-      _ref$step = _ref.step,
-      step = _ref$step === void 0 ? 1 : _ref$step,
-      scale = _ref.scale,
-      customScale = _ref.customScale,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      dataAttrs = _ref.dataAttrs,
-      onChange = _ref.onChange;
+    label = _ref.label,
+    displayValueType = _ref.displayValueType,
+    displayValueUnit = _ref.displayValueUnit,
+    _ref$value = _ref.value,
+    outerValue = _ref$value === void 0 ? 0 : _ref$value,
+    minValue = _ref.minValue,
+    maxValue = _ref.maxValue,
+    _ref$isControlled = _ref.isControlled,
+    isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 1 : _ref$step,
+    scale = _ref.scale,
+    customScale = _ref.customScale,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    dataAttrs = _ref.dataAttrs,
+    onChange = _ref.onChange;
   var outerRangeValue = getRangeValue(outerValue, minValue, maxValue, step);
-
   var _React$useState = React.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      rawInputValue = _React$useState2[0],
-      setRawInputValue = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    rawInputValue = _React$useState2[0],
+    setRawInputValue = _React$useState2[1];
   var _React$useState3 = React.useState(outerRangeValue),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      innerRangeValue = _React$useState4[0],
-      setInnerRangeValue = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    innerRangeValue = _React$useState4[0],
+    setInnerRangeValue = _React$useState4[1];
   var rangeValue = isControlled ? outerRangeValue : innerRangeValue;
   var trackSize = getTrackSize(rangeValue, minValue, maxValue);
   var showHead = !!label || !!displayValueType;
-
   var handleInputChange = function handleInputChange(isRange) {
     return function (e) {
       var targetValue = removeFirstZeros(e.target.value);
@@ -54,11 +47,9 @@ var Slider = function Slider(_ref) {
       onChange === null || onChange === void 0 ? void 0 : onChange(newRangeValue);
     };
   };
-
   var handleInputBlur = function handleInputBlur() {
     setRawInputValue(null);
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cn({
       disabled: disabled
@@ -100,26 +91,4 @@ var Slider = function Slider(_ref) {
     }
   }));
 };
-
-Slider.propTypes = {
-  className: PropTypes.string,
-  value: PropTypes.number,
-  minValue: PropTypes.number.isRequired,
-  maxValue: PropTypes.number.isRequired,
-  label: PropTypes.string,
-  displayValueType: PropTypes.oneOf(Object.values(DisplayValue)),
-  displayValueUnit: PropTypes.string,
-  isControlled: PropTypes.bool,
-  step: PropTypes.number,
-  scale: PropTypes.oneOf(Object.values(Scale)),
-  customScale: PropTypes.arrayOf(PropTypes.string.isRequired),
-  disabled: PropTypes.bool,
-  onChange: PropTypes.func,
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    input: PropTypes.objectOf(PropTypes.string.isRequired),
-    rangeInput: PropTypes.objectOf(PropTypes.string.isRequired),
-    scale: PropTypes.objectOf(PropTypes.string.isRequired)
-  })
-};
 export default Slider;

package/dist/es/components/Sliders/SliderRange/SliderRange.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { DisplayValueType } from '../components/SliderDisplayValue/SliderDisplayValue';
 import { ScaleType } from '../components/SliderScale/SliderScale';
-import './SliderRange.less';
+import './SliderRange.scss';
 export interface ISliderRange {
     /** Дополнительный класс корневого элемента */
     className?: string;

package/dist/es/components/Sliders/SliderRange/SliderRange.js

@@ -1,80 +1,69 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
-import SliderDisplayValue, { DisplayValue } from "../components/SliderDisplayValue/SliderDisplayValue";
-import SliderScale, { Scale } from "../components/SliderScale/SliderScale";
+import SliderDisplayValue from "../components/SliderDisplayValue/SliderDisplayValue";
+import SliderScale from "../components/SliderScale/SliderScale";
 import { getRangeValue, removeFirstZeros } from "../helpers";
 import { getTrackSize, getRangeValueByPageX, checkForThumbAtEndOfTrack } from "./helpers";
 import "./SliderRange.css";
 var THUMB_SIZE = 24;
 var cn = cnCreate('mfui-slider-range');
-
 var SliderRange = function SliderRange(_ref) {
   var className = _ref.className,
-      label = _ref.label,
-      displayValueType = _ref.displayValueType,
-      displayLeftValuePrefix = _ref.displayLeftValuePrefix,
-      displayRightValuePrefix = _ref.displayRightValuePrefix,
-      displayValueUnit = _ref.displayValueUnit,
-      outerLeftValue = _ref.leftValue,
-      outerRightValue = _ref.rightValue,
-      minValue = _ref.minValue,
-      maxValue = _ref.maxValue,
-      _ref$isControlled = _ref.isControlled,
-      isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
-      _ref$step = _ref.step,
-      step = _ref$step === void 0 ? 1 : _ref$step,
-      scale = _ref.scale,
-      customScale = _ref.customScale,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      dataAttrs = _ref.dataAttrs,
-      onChange = _ref.onChange;
+    label = _ref.label,
+    displayValueType = _ref.displayValueType,
+    displayLeftValuePrefix = _ref.displayLeftValuePrefix,
+    displayRightValuePrefix = _ref.displayRightValuePrefix,
+    displayValueUnit = _ref.displayValueUnit,
+    outerLeftValue = _ref.leftValue,
+    outerRightValue = _ref.rightValue,
+    minValue = _ref.minValue,
+    maxValue = _ref.maxValue,
+    _ref$isControlled = _ref.isControlled,
+    isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 1 : _ref$step,
+    scale = _ref.scale,
+    customScale = _ref.customScale,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    dataAttrs = _ref.dataAttrs,
+    onChange = _ref.onChange;
   var outerLeftRangeValue = getRangeValue(outerLeftValue !== null && outerLeftValue !== void 0 ? outerLeftValue : minValue, minValue, maxValue, step);
   var outerRightRangeValue = getRangeValue(outerRightValue !== null && outerRightValue !== void 0 ? outerRightValue : maxValue, minValue, maxValue, step);
   var leftRangeInputRef = React.useRef(null);
   var rightRangeInputRef = React.useRef(null);
   var rangeTrackRef = React.useRef(null);
   var rangeTrackInnerRef = React.useRef(null);
-
   var _React$useState = React.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      rawLeftInputValue = _React$useState2[0],
-      setRawLeftInputValue = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    rawLeftInputValue = _React$useState2[0],
+    setRawLeftInputValue = _React$useState2[1];
   var _React$useState3 = React.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      rawRightInputValue = _React$useState4[0],
-      setRawRightInputValue = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    rawRightInputValue = _React$useState4[0],
+    setRawRightInputValue = _React$useState4[1];
   var _React$useState5 = React.useState(outerLeftRangeValue),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      innerLeftRangeValue = _React$useState6[0],
-      setInnerLeftRangeValue = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    innerLeftRangeValue = _React$useState6[0],
+    setInnerLeftRangeValue = _React$useState6[1];
   var _React$useState7 = React.useState(outerRightRangeValue),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      innerRightRangeValue = _React$useState8[0],
-      setInnerRightRangeValue = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    innerRightRangeValue = _React$useState8[0],
+    setInnerRightRangeValue = _React$useState8[1];
   var leftRangeValue = isControlled ? outerLeftRangeValue : innerLeftRangeValue;
   var rightRangeValue = isControlled ? outerRightRangeValue : innerRightRangeValue;
   var trackSize = getTrackSize(leftRangeValue, rightRangeValue, minValue, maxValue);
   var isThumbAtEndOfTrack = checkForThumbAtEndOfTrack(leftRangeValue, minValue, maxValue, THUMB_SIZE);
   var showHead = !!label || !!displayValueType;
-
   var handleRangeTrackPointerUp = function handleRangeTrackPointerUp(e) {
     if (!rangeTrackInnerRef.current || disabled) {
       return;
     }
-
     var clickValue = getRangeValueByPageX(e.pageX, minValue, maxValue, rangeTrackInnerRef.current);
     var newRangeValue = getRangeValue(clickValue, minValue, maxValue, step);
     var leftHalfTrack = leftRangeValue + (rightRangeValue - leftRangeValue) / 2;
-
     if (newRangeValue < leftHalfTrack) {
       !isControlled && setInnerLeftRangeValue(newRangeValue);
       onChange === null || onChange === void 0 ? void 0 : onChange(newRangeValue, rightRangeValue);
@@ -83,25 +72,19 @@ var SliderRange = function SliderRange(_ref) {
       onChange === null || onChange === void 0 ? void 0 : onChange(leftRangeValue, newRangeValue);
     }
   };
-
   var handleRangeTrackPointerLeave = React.useCallback(function () {
     var _a, _b, _c;
-
     (_a = leftRangeInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     (_b = rightRangeInputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
     (_c = rangeTrackRef.current) === null || _c === void 0 ? void 0 : _c.removeEventListener('pointerleave', handleRangeTrackPointerLeave);
   }, []);
-
   var handleRangeTrackPointerDown = function handleRangeTrackPointerDown() {
     var _a;
-
     if (disabled) {
       return;
     }
-
     (_a = rangeTrackRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('pointerleave', handleRangeTrackPointerLeave);
   };
-
   var handleLeftInputChange = function handleLeftInputChange(isRange) {
     return function (e) {
       var targetValue = removeFirstZeros(e.target.value);
@@ -111,7 +94,6 @@ var SliderRange = function SliderRange(_ref) {
       onChange === null || onChange === void 0 ? void 0 : onChange(newRangeValue, rightRangeValue);
     };
   };
-
   var handleRightInputChange = function handleRightInputChange(isRange) {
     return function (e) {
       var targetValue = removeFirstZeros(e.target.value);
@@ -121,7 +103,6 @@ var SliderRange = function SliderRange(_ref) {
       onChange === null || onChange === void 0 ? void 0 : onChange(leftRangeValue, newRangeValue);
     };
   };
-
   var handleInputBlur = function handleInputBlur(isLeft) {
     return function () {
       if (isLeft) {
@@ -131,7 +112,6 @@ var SliderRange = function SliderRange(_ref) {
       }
     };
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cn({
       disabled: disabled
@@ -226,31 +206,4 @@ var SliderRange = function SliderRange(_ref) {
     }
   }));
 };
-
-SliderRange.propTypes = {
-  className: PropTypes.string,
-  leftValue: PropTypes.number,
-  rightValue: PropTypes.number,
-  minValue: PropTypes.number.isRequired,
-  maxValue: PropTypes.number.isRequired,
-  label: PropTypes.string,
-  displayValueType: PropTypes.oneOf(Object.values(DisplayValue)),
-  displayLeftValuePrefix: PropTypes.string,
-  displayRightValuePrefix: PropTypes.string,
-  displayValueUnit: PropTypes.string,
-  isControlled: PropTypes.bool,
-  step: PropTypes.number,
-  scale: PropTypes.oneOf(Object.values(Scale)),
-  customScale: PropTypes.arrayOf(PropTypes.string.isRequired),
-  disabled: PropTypes.bool,
-  onChange: PropTypes.func,
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    leftInput: PropTypes.objectOf(PropTypes.string.isRequired),
-    rightInput: PropTypes.objectOf(PropTypes.string.isRequired),
-    leftRangeInput: PropTypes.objectOf(PropTypes.string.isRequired),
-    rightRangeInput: PropTypes.objectOf(PropTypes.string.isRequired),
-    scale: PropTypes.objectOf(PropTypes.string.isRequired)
-  })
-};
 export default SliderRange;

package/dist/es/components/Sliders/SliderRange/helpers.js

@@ -6,14 +6,12 @@ export var getTrackSize = function getTrackSize() {
   var minValue = arguments.length > 2 ? arguments[2] : undefined;
   var maxValue = arguments.length > 3 ? arguments[3] : undefined;
   var valueDifference = maxValue - minValue;
-
   if (valueDifference <= 0) {
     return {
       left: 0,
       right: 0
     };
   }
-
   var leftPercent = (vleftValue - minValue) * 100 / valueDifference;
   var rightPercent = (maxValue - rightValue) * 100 / valueDifference;
   return {

package/dist/es/components/Sliders/SliderRatio/SliderRatio.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { DisplayValueType } from '../components/SliderDisplayValue/SliderDisplayValue';
 import { ValueType } from './types';
-import './SliderRatio.less';
+import './SliderRatio.scss';
 export interface ISliderRatio {
     /** Дополнительный класс корневого элемента */
     className?: string;