@megafon/ui-core 6.0.0-beta.4 → 6.0.0

package/dist/lib/components/Snackbar/Snackbar.js

@@ -1,133 +1,169 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.SnackbarTypes = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 require("core-js/modules/web.timers.js");
-var React = _interopRequireWildcard(require("react"));
+
+require("core-js/modules/es.object.values.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
 var _uiHelpers = require("@megafon/ui-helpers");
-var _useSwipe2 = _interopRequireWildcard(require("../../hooks/useSwipe"));
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
 var _Button = _interopRequireDefault(require("../Button/Button"));
+
 var _Caption = _interopRequireDefault(require("../Caption/Caption"));
+
 var _Header = _interopRequireDefault(require("../Header/Header"));
+
 var _Tile = _interopRequireDefault(require("../Tile/Tile"));
+
+var _useSwipe2 = _interopRequireWildcard(require("../../hooks/useSwipe"));
+
 var _SnackbarTimer = _interopRequireDefault(require("./SnackbarTimer/SnackbarTimer"));
-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 && Object.prototype.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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _DEFAULT_SNACKBARS;
+
 var HeartIcon16 = function HeartIcon16(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M13.25 3A3.78 3.78 0 0010 4.82 3.78 3.78 0 006.75 3C4.6 3 3 5.18 3 7.13a3.42 3.42 0 00.49 1.77c1.2 2 5 7.64 5.15 7.88l.15.22h2.51l.15-.22c.16-.24 4-5.83 5.1-7.92A4.14 4.14 0 0017 7.13C17 5.18 15.4 3 13.25 3zm2.41 5.4c-.94 1.81-4.16 6.53-4.89 7.59H9.32c-.73-1.09-3.92-5.87-5-7.62A2.42 2.42 0 014 7.13C4 5.71 5.23 4 6.75 4a2.73 2.73 0 012.67 2h1.15a2.73 2.73 0 012.67-2C14.77 4 16 5.71 16 7.13a3.14 3.14 0 01-.34 1.27z"
   }));
 };
+
 var HeartIcon24 = function HeartIcon24(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M20.5 6A5.55 5.55 0 0016 8.27 5.55 5.55 0 0011.5 6C8.35 6 6 9.18 6 12a5 5 0 00.73 2.61c1.67 2.77 6.92 10.59 7.14 10.93l.3.44H18l.3-.43c.23-.33 5.58-8.09 7.09-11A6 6 0 0026 12c0-2.82-2.35-6-5.5-6zm3.07 7.65c-1.25 2.42-5.5 8.65-6.66 10.35h-1.68c-1.16-1.73-5.37-8-6.79-10.4A3 3 0 018 12c0-1.82 1.56-4 3.5-4a3.47 3.47 0 013.38 2.51h2.24A3.47 3.47 0 0120.5 8c1.94 0 3.5 2.2 3.5 4a4 4 0 01-.43 1.65z"
   }));
 };
+
 var AttentionIcon16 = function AttentionIcon16(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M9 5h2v6H9V5zm1 8c-.2 0-.5.1-.7.3s-.3.4-.3.7.1.5.3.7.5.3.7.3.5-.1.7-.3.3-.4.3-.7-.1-.5-.3-.7c-.1-.2-.4-.3-.7-.3zm0 4c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zm-8-7c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8-8 3.6-8 8z"
   }));
 };
+
 var CheckedIcon16 = function CheckedIcon16(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M8.832 11.547L6.619 9.335l-1.414 1.413 2.462 2.462 1.445 1.446 5.932-8.486-1.638-1.148-4.574 6.525z"
   }));
 };
+
 var AttentionIcon24 = function AttentionIcon24(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M15 22h2v-2h-2v2zm0-4h2v-8h-2v8zm1 10C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12-5.4 12-12 12zM6 16c0 5.5 4.5 10 10 10s10-4.5 10-10S21.5 6 16 6 6 10.5 6 16z"
   }));
 };
+
 var CheckedIcon24 = function CheckedIcon24(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M22.2 9l-7.8 9.4-3.6-3.7L9 16.5c3.6 3.7 5.4 5.5 5.5 5.5.1 0 3.3-3.8 9.5-11.3L22.2 9z"
   }));
 };
+
 var CancelIcon = function CancelIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 40 40"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M20 18.586l6.364-6.364 1.414 1.414L21.414 20l6.364 6.364-1.414 1.414L20 21.414l-6.364 6.364-1.414-1.414L18.586 20l-6.364-6.364 1.414-1.414L20 18.586z"
   }));
 };
+
 var DEFAULT_MAX_TIMER_SECONDS = 4;
 var CLOSE_DELAY_MS = 80;
-var SnackbarTypes = exports.SnackbarTypes = {
+var SnackbarTypes = {
   ATTENTION: 'attention',
   SUCCESS: 'success',
   TIMER: 'timer',
   INFO: 'info'
 };
+exports.SnackbarTypes = SnackbarTypes;
 var ATTENTION = SnackbarTypes.ATTENTION,
-  SUCCESS = SnackbarTypes.SUCCESS,
-  TIMER = SnackbarTypes.TIMER,
-  INFO = SnackbarTypes.INFO;
-var DEFAULT_SNACKBARS = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, ATTENTION, {
-  mobileIcon: /*#__PURE__*/React.createElement(AttentionIcon16, null),
-  desktopIcon: /*#__PURE__*/React.createElement(AttentionIcon24, null),
+    SUCCESS = SnackbarTypes.SUCCESS,
+    TIMER = SnackbarTypes.TIMER,
+    INFO = SnackbarTypes.INFO;
+var DEFAULT_SNACKBARS = (_DEFAULT_SNACKBARS = {}, (0, _defineProperty2["default"])(_DEFAULT_SNACKBARS, ATTENTION, {
+  mobileIcon: /*#__PURE__*/_react["default"].createElement(AttentionIcon16, null),
+  desktopIcon: /*#__PURE__*/_react["default"].createElement(AttentionIcon24, null),
   buttonText: 'Подробнее'
-}), SUCCESS, {
-  mobileIcon: /*#__PURE__*/React.createElement(CheckedIcon16, null),
-  desktopIcon: /*#__PURE__*/React.createElement(CheckedIcon24, null),
+}), (0, _defineProperty2["default"])(_DEFAULT_SNACKBARS, SUCCESS, {
+  mobileIcon: /*#__PURE__*/_react["default"].createElement(CheckedIcon16, null),
+  desktopIcon: /*#__PURE__*/_react["default"].createElement(CheckedIcon24, null),
   buttonText: 'Подробнее'
-}), TIMER, {
+}), (0, _defineProperty2["default"])(_DEFAULT_SNACKBARS, TIMER, {
   buttonText: 'Отмена'
-}), INFO, {
-  mobileIcon: /*#__PURE__*/React.createElement(HeartIcon16, null),
-  desktopIcon: /*#__PURE__*/React.createElement(HeartIcon24, null),
+}), (0, _defineProperty2["default"])(_DEFAULT_SNACKBARS, INFO, {
+  mobileIcon: /*#__PURE__*/_react["default"].createElement(HeartIcon16, null),
+  desktopIcon: /*#__PURE__*/_react["default"].createElement(HeartIcon24, null),
   buttonText: 'Хорошо'
-});
+}), _DEFAULT_SNACKBARS);
 var cn = (0, _uiHelpers.cnCreate)('mfui-snackbar');
+
 var Snackbar = function Snackbar(_ref) {
   var text = _ref.text,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? INFO : _ref$type,
-    icon = _ref.icon,
-    _ref$hasIcon = _ref.hasIcon,
-    hasIcon = _ref$hasIcon === void 0 ? true : _ref$hasIcon,
-    buttonText = _ref.buttonText,
-    _ref$maxTimerValue = _ref.maxTimerValue,
-    maxTimerValue = _ref$maxTimerValue === void 0 ? DEFAULT_MAX_TIMER_SECONDS : _ref$maxTimerValue,
-    _ref$hasTextButton = _ref.hasTextButton,
-    hasTextButton = _ref$hasTextButton === void 0 ? false : _ref$hasTextButton,
-    _ref$disableCloseAnim = _ref.disableCloseAnimation,
-    disableCloseAnimation = _ref$disableCloseAnim === void 0 ? false : _ref$disableCloseAnim,
-    className = _ref.className,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    dataAttrs = _ref.dataAttrs,
-    onClose = _ref.onClose,
-    onButtonClick = _ref.onButtonClick;
-  var _React$useState = React.useState(true),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    isOpened = _React$useState2[0],
-    setIsOpened = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    containerRef = _React$useState4[0],
-    setContainerRef = _React$useState4[1];
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? INFO : _ref$type,
+      icon = _ref.icon,
+      _ref$hasIcon = _ref.hasIcon,
+      hasIcon = _ref$hasIcon === void 0 ? true : _ref$hasIcon,
+      buttonText = _ref.buttonText,
+      _ref$maxTimerValue = _ref.maxTimerValue,
+      maxTimerValue = _ref$maxTimerValue === void 0 ? DEFAULT_MAX_TIMER_SECONDS : _ref$maxTimerValue,
+      _ref$hasTextButton = _ref.hasTextButton,
+      hasTextButton = _ref$hasTextButton === void 0 ? false : _ref$hasTextButton,
+      _ref$disableCloseAnim = _ref.disableCloseAnimation,
+      disableCloseAnimation = _ref$disableCloseAnim === void 0 ? false : _ref$disableCloseAnim,
+      className = _ref.className,
+      _ref$classes = _ref.classes,
+      classes = _ref$classes === void 0 ? {} : _ref$classes,
+      dataAttrs = _ref.dataAttrs,
+      onClose = _ref.onClose,
+      onButtonClick = _ref.onButtonClick;
+
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      isOpened = _useState2[0],
+      setIsOpened = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      containerRef = _useState4[0],
+      setContainerRef = _useState4[1];
+
   var _useSwipe = (0, _useSwipe2["default"])(containerRef),
-    transform = _useSwipe.transform,
-    transitionStep = _useSwipe.transitionStep;
+      transform = _useSwipe.transform,
+      transitionStep = _useSwipe.transitionStep;
+
   var isTransitionMoveStep = transitionStep === _useSwipe2.TransitionSteps.MOVE_STEP;
   var isTransitionMoveEndStep = transitionStep === _useSwipe2.TransitionSteps.MOVE_END_STEP;
   var defaultSnackbar = DEFAULT_SNACKBARS[type];
@@ -136,19 +172,23 @@ var Snackbar = function Snackbar(_ref) {
   var isHiddenIcon = isTimerType || !hasIcon && isInfoType;
   var isCustomIcon = isInfoType && icon;
   var currentButtonText = buttonText && !isTimerType ? buttonText : defaultSnackbar.buttonText;
+
   var setRef = function setRef(instance) {
     return setContainerRef(instance);
   };
-  var handleClose = React.useCallback(function () {
+
+  var handleClose = (0, _react.useCallback)(function () {
     setIsOpened(false);
   }, []);
-  React.useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (isOpened) {
       return undefined;
     }
+
     if (disableCloseAnimation) {
       onClose === null || onClose === void 0 ? void 0 : onClose();
     }
+
     var closeTimeoutId = setTimeout(function () {
       onClose === null || onClose === void 0 ? void 0 : onClose();
     }, CLOSE_DELAY_MS);
@@ -156,33 +196,33 @@ var Snackbar = function Snackbar(_ref) {
       clearTimeout(closeTimeoutId);
     };
   }, [isOpened, disableCloseAnimation, onClose]);
-  React.useEffect(function () {
+  (0, _react.useEffect)(function () {
     isTransitionMoveEndStep && handleClose();
   }, [isTransitionMoveEndStep, handleClose]);
-  var handleTextButtonClick = React.useCallback(function () {
+  var handleTextButtonClick = (0, _react.useCallback)(function () {
     onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick();
   }, [onButtonClick]);
-  var renderedTimer = React.useMemo(function () {
-    return /*#__PURE__*/React.createElement(_SnackbarTimer["default"], {
+  var renderedTimer = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement(_SnackbarTimer["default"], {
       isTimerType: isTimerType,
       maxTimerValue: maxTimerValue,
       onTimerEnd: handleClose
     });
   }, [isTimerType, maxTimerValue, handleClose]);
-  var renderedIcons = React.useMemo(function () {
-    return isCustomIcon ? /*#__PURE__*/React.createElement("div", {
+  var renderedIcons = (0, _react.useMemo)(function () {
+    return isCustomIcon ? /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('icon-container', [classes.icon])
-    }, icon) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }, icon) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('icon-container', {
         mobile: true
       }, [classes.icon])
-    }, defaultSnackbar.mobileIcon), /*#__PURE__*/React.createElement("div", {
+    }, defaultSnackbar.mobileIcon), /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('icon-container', {
         desktop: true
       }, [classes.icon])
     }, defaultSnackbar.desktopIcon));
   }, [isCustomIcon, icon, defaultSnackbar, classes]);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     className: cn({
       move: isTransitionMoveStep
     }, [className, classes.root]),
@@ -190,15 +230,15 @@ var Snackbar = function Snackbar(_ref) {
     style: transform !== 'none' ? {
       transform: transform
     } : undefined
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(_Tile["default"], {
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/_react["default"].createElement(_Tile["default"], {
     className: cn('tile', {
       type: type,
       closed: !isOpened
     }, [classes.container]),
     radius: "rounded"
-  }, !isHiddenIcon && renderedIcons, renderedTimer, /*#__PURE__*/React.createElement("div", {
+  }, !isHiddenIcon && renderedIcons, renderedTimer, /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('text-wrapper')
-  }, /*#__PURE__*/React.createElement(_Caption["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Caption["default"], {
     className: cn('text', {
       mobile: true
     }, [classes.text]),
@@ -208,7 +248,7 @@ var Snackbar = function Snackbar(_ref) {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.text
     }
-  }, text), /*#__PURE__*/React.createElement(_Header["default"], {
+  }, text), /*#__PURE__*/_react["default"].createElement(_Header["default"], {
     as: "h5",
     color: "inherit",
     className: cn('text', {
@@ -218,7 +258,7 @@ var Snackbar = function Snackbar(_ref) {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.text
     }
-  }, text)), hasTextButton && /*#__PURE__*/React.createElement(_Button["default"], {
+  }, text)), hasTextButton && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     type: "text",
     sizeAll: "small",
     sizeMobile: "extra-small",
@@ -227,13 +267,30 @@ var Snackbar = function Snackbar(_ref) {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.textButton
     },
     onClick: handleTextButtonClick
-  }, currentButtonText), /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({
+  }, currentButtonText), /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
     type: "button",
     className: cn('close-button')
   }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.closeButton), {
     onClick: handleClose
-  }), /*#__PURE__*/React.createElement(CancelIcon, {
+  }), /*#__PURE__*/_react["default"].createElement(CancelIcon, {
     className: cn('close-button-icon')
   }))));
 };
-var _default = exports["default"] = Snackbar;
+
+Snackbar.propTypes = {
+  text: PropTypes.string.isRequired,
+  type: PropTypes.oneOf(Object.values(SnackbarTypes)),
+  icon: PropTypes.element,
+  hasIcon: PropTypes.bool,
+  buttonText: PropTypes.string,
+  hasTextButton: PropTypes.bool,
+  maxTimerValue: PropTypes.number,
+  disableCloseAnimation: PropTypes.bool,
+  className: PropTypes.string,
+  classes: PropTypes.objectOf(PropTypes.string),
+  dataAttrs: PropTypes.objectOf(PropTypes.object),
+  onButtonClick: PropTypes.func,
+  onClose: PropTypes.func
+};
+var _default = Snackbar;
+exports["default"] = _default;

package/dist/lib/components/Snackbar/SnackbarTimer/SnackbarTimer.css

@@ -1 +1,66 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-snackbar-timer{color:var(--base);margin-right:8px}@-webkit-keyframes snackbar-progress-bar{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes snackbar-progress-bar{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.mfui-snackbar-timer__timer{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;width:24px}.mfui-snackbar-timer__timer svg{height:24px;position:absolute;width:24px}.mfui-snackbar-timer__timer-bg{fill:none;stroke-width:1px;stroke:var(--spbSky0)}.mfui-snackbar-timer__timer-progress{fill:none;stroke-width:2px;stroke-linecap:round;stroke:var(--content);stroke-dasharray:100;-webkit-animation-name:snackbar-progress-bar;animation-name:snackbar-progress-bar;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-snackbar-timer {
+  color: var(--base);
+  margin-right: 8px;
+}
+@-webkit-keyframes snackbar-progress-bar {
+  0% {
+    stroke-dashoffset: 100;
+  }
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes snackbar-progress-bar {
+  0% {
+    stroke-dashoffset: 100;
+  }
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
+.mfui-snackbar-timer__timer {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 24px;
+  height: 24px;
+}
+.mfui-snackbar-timer__timer svg {
+  position: absolute;
+  width: 24px;
+  height: 24px;
+}
+.mfui-snackbar-timer__timer-bg {
+  fill: none;
+  stroke-width: 1px;
+  stroke: var(--spbSky0);
+}
+.mfui-snackbar-timer__timer-progress {
+  fill: none;
+  stroke-width: 2px;
+  stroke-linecap: round;
+  stroke: var(--content);
+  stroke-dasharray: 100;
+  -webkit-transform: rotate(-90deg);
+          transform: rotate(-90deg);
+  -webkit-transform-origin: 50% 50%;
+          transform-origin: 50% 50%;
+  -webkit-animation-name: snackbar-progress-bar;
+          animation-name: snackbar-progress-bar;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}

package/dist/lib/components/Snackbar/SnackbarTimer/SnackbarTimer.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import './SnackbarTimer.scss';
-type SnackbarTimerProps = {
+import React from 'react';
+import './SnackbarTimer.less';
+declare type SnackbarTimerProps = {
     isTimerType: boolean;
     maxTimerValue: number;
     onTimerEnd: () => void;

package/dist/lib/components/Snackbar/SnackbarTimer/SnackbarTimer.js

@@ -1,40 +1,55 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 require("core-js/modules/web.timers.js");
-var React = _interopRequireWildcard(require("react"));
+
+var _react = _interopRequireWildcard(require("react"));
+
 var _uiHelpers = require("@megafon/ui-helpers");
+
 var _Caption = _interopRequireDefault(require("../../Caption/Caption"));
-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 && Object.prototype.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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var TIMER_END_DELAY_MS = 100;
 var MS_IN_SECOND = 1000;
 var cn = (0, _uiHelpers.cnCreate)('mfui-snackbar-timer');
+
 var SnackbarTimer = function SnackbarTimer(_ref) {
   var isTimerType = _ref.isTimerType,
-    maxTimerValue = _ref.maxTimerValue,
-    onTimerEnd = _ref.onTimerEnd;
-  var _React$useState = React.useState(null),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    timerValue = _React$useState2[0],
-    setTimerValue = _React$useState2[1];
-  React.useEffect(function () {
+      maxTimerValue = _ref.maxTimerValue,
+      onTimerEnd = _ref.onTimerEnd;
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      timerValue = _useState2[0],
+      setTimerValue = _useState2[1];
+
+  (0, _react.useEffect)(function () {
     setTimerValue(maxTimerValue);
   }, [maxTimerValue]);
-  React.useEffect(function () {
+  (0, _react.useEffect)(function () {
     var timerTimeoutId;
     var closeTimeoutId;
+
     switch (timerValue) {
       case null:
         {
           break;
         }
+
       case 0:
         {
           closeTimeoutId = setTimeout(function () {
@@ -43,6 +58,7 @@ var SnackbarTimer = function SnackbarTimer(_ref) {
           }, TIMER_END_DELAY_MS);
           break;
         }
+
       default:
         {
           timerTimeoutId = setTimeout(function () {
@@ -50,24 +66,25 @@ var SnackbarTimer = function SnackbarTimer(_ref) {
           }, MS_IN_SECOND);
         }
     }
+
     return function () {
       clearTimeout(timerTimeoutId);
       clearTimeout(closeTimeoutId);
     };
   }, [timerValue, onTimerEnd]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: cn()
-  }, isTimerType && /*#__PURE__*/React.createElement(_Caption["default"], {
+  }, isTimerType && /*#__PURE__*/_react["default"].createElement(_Caption["default"], {
     color: "inherit",
     variant: "medium",
     hasMargin: false,
     className: cn('timer')
-  }, /*#__PURE__*/React.createElement("svg", null, /*#__PURE__*/React.createElement("circle", {
+  }, /*#__PURE__*/_react["default"].createElement("svg", null, /*#__PURE__*/_react["default"].createElement("circle", {
     className: cn('timer-bg'),
     cx: "50%",
     cy: "50%",
     r: "11"
-  }), /*#__PURE__*/React.createElement("circle", {
+  }), /*#__PURE__*/_react["default"].createElement("circle", {
     className: cn('timer-progress'),
     style: {
       animationDuration: "".concat(maxTimerValue * 1.5, "s")
@@ -77,4 +94,6 @@ var SnackbarTimer = function SnackbarTimer(_ref) {
     r: "11"
   })), timerValue));
 };
-var _default = exports["default"] = SnackbarTimer;
+
+var _default = SnackbarTimer;
+exports["default"] = _default;