@megafon/ui-core 6.2.1 → 7.0.0-beta.1

package/dist/lib/components/Calendar/components/Month/Month.js

@@ -1,127 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.array.map.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _uiHelpers = require("@megafon/ui-helpers");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var ArrowLeft = function ArrowLeft(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M12 6v8l-5-4z",
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-};
-
-var ArrowRight = function ArrowRight(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M8 14V6l5 4z",
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-};
-
-var cn = (0, _uiHelpers.cnCreate)('mfui-month');
-
-var Month = function Month(_ref) {
-  var dataAttrs = _ref.dataAttrs,
-      isPrevMonthDisabled = _ref.isPrevMonthDisabled,
-      isNextMonthDisabled = _ref.isNextMonthDisabled,
-      year = _ref.year,
-      monthLabel = _ref.monthLabel,
-      weekdayLabels = _ref.weekdayLabels,
-      goToPreviousMonth = _ref.goToPreviousMonth,
-      goToNextMonth = _ref.goToNextMonth,
-      children = _ref.children,
-      _ref$isModern = _ref.isModern,
-      isModern = _ref$isModern === void 0 ? false : _ref$isModern;
-
-  var handleArrowLeftClick = function handleArrowLeftClick(e) {
-    if ((0, _uiHelpers.checkEventIsClickOrEnterPress)(e)) {
-      !isPrevMonthDisabled && goToPreviousMonth();
-    }
-  };
-
-  var handleArrowRightClick = function handleArrowRightClick(e) {
-    if ((0, _uiHelpers.checkEventIsClickOrEnterPress)(e)) {
-      !isNextMonthDisabled && goToNextMonth();
-    }
-  };
-
-  var getTabIndex = function getTabIndex(hasFocus) {
-    var tabIndexWithFocus = 0;
-    var tabIndexWithoutFocus = -1;
-    return hasFocus ? tabIndexWithFocus : tabIndexWithoutFocus;
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      modern: isModern
-    })
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: cn('header')
-  }, !isModern && /*#__PURE__*/_react["default"].createElement(ArrowLeft, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowLeft), {
-    role: "button",
-    tabIndex: getTabIndex(!isPrevMonthDisabled),
-    className: cn('arrow', {
-      disabled: isPrevMonthDisabled
-    }),
-    onKeyDown: handleArrowLeftClick,
-    onClick: handleArrowLeftClick
-  })), /*#__PURE__*/_react["default"].createElement("span", {
-    className: cn('title')
-  }, "".concat(monthLabel, " ").concat(year)), !isModern && /*#__PURE__*/_react["default"].createElement(ArrowRight, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowRight), {
-    role: "button",
-    tabIndex: getTabIndex(!isNextMonthDisabled),
-    className: cn('arrow', {
-      disabled: isNextMonthDisabled
-    }),
-    onKeyDown: handleArrowRightClick,
-    onClick: handleArrowRightClick
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: cn('weekday-labels')
-  }, weekdayLabels.map(function (dayLabel, index) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: cn('weekday'),
-      key: dayLabel + index
-    }, dayLabel);
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: cn('days')
-  }, children));
-};
-
-Month.propTypes = {
-  dataAttrs: _propTypes["default"].shape({
-    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    arrowLeft: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    arrowRight: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
-  }),
-  isPrevMonthDisabled: _propTypes["default"].bool.isRequired,
-  isNextMonthDisabled: _propTypes["default"].bool.isRequired,
-  year: _propTypes["default"].number.isRequired,
-  monthLabel: _propTypes["default"].string.isRequired,
-  weekdayLabels: _propTypes["default"].arrayOf(_propTypes["default"].string.isRequired).isRequired,
-  goToPreviousMonth: _propTypes["default"].func.isRequired,
-  goToNextMonth: _propTypes["default"].func.isRequired,
-  isModern: _propTypes["default"].bool
-};
-var _default = Month;
-exports["default"] = _default;

package/dist/lib/components/Collapse/Collapse.css

@@ -1,3 +0,0 @@
-.mfui-collapse {
-  overflow: hidden;
-}

package/dist/lib/components/Collapse/Collapse.js

@@ -1,141 +0,0 @@
-"use strict";
-
-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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _uiHelpers = require("@megafon/ui-helpers");
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-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 sin = Math.sin,
-    cos = Math.cos,
-    min = Math.min,
-    PI = Math.PI;
-
-var easeOutSine = function easeOutSine(progress) {
-  return sin(progress * PI / 2);
-};
-
-var easeInSine = function easeInSine(progress) {
-  return 1 - cos(progress * PI / 2);
-};
-
-var cn = (0, _uiHelpers.cnCreate)('mfui-collapse');
-
-var Collapse = function Collapse(_ref) {
-  var className = _ref.className,
-      classNameContainer = _ref.classNameContainer,
-      _ref$animation = _ref.animation,
-      animation = _ref$animation === void 0 ? true : _ref$animation,
-      _ref$animationDuratio = _ref.animationDuration,
-      animationDuration = _ref$animationDuratio === void 0 ? 300 : _ref$animationDuratio,
-      children = _ref.children,
-      isOpened = _ref.isOpened,
-      dataAttrs = _ref.dataAttrs,
-      openedClassName = _ref.openedClassName;
-  var duration = animation ? animationDuration : 0;
-  var animationStart = React.useRef(null);
-  var animationId = React.useRef(null);
-  var canUpdate = React.useRef(false);
-  var rootNode = React.useRef(null);
-  (0, React.useEffect)(function () {
-    animationId.current && window.cancelAnimationFrame(animationId.current);
-  }, [isOpened]);
-  var animateSlide = (0, React.useCallback)(function (contentHeight, animationTime, timePassed) {
-    var isOpenAction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-
-    if (!rootNode.current) {
-      return;
-    }
-
-    openedClassName && rootNode.current.classList.remove(openedClassName);
-
-    if (!animationStart.current) {
-      animationStart.current = timePassed;
-    }
-
-    var runtime = timePassed - animationStart.current;
-    var progress = animationTime ? min(runtime / animationTime, 1) : 1;
-    var isAnimationInProgress = progress < 1;
-    var nextHeight = isOpenAction ? easeOutSine(progress) * contentHeight : contentHeight - easeInSine(progress) * contentHeight;
-    rootNode.current.style.height = "".concat(nextHeight, "px");
-
-    if (isAnimationInProgress) {
-      animationId.current = window.requestAnimationFrame(function (time) {
-        return animateSlide(contentHeight, animationTime, time, isOpenAction);
-      });
-    } else {
-      animationStart.current = null;
-      animationId.current = null;
-      rootNode.current.style.height = isOpenAction ? 'auto' : '0px';
-      isOpenAction && !!openedClassName && rootNode.current.classList.add(openedClassName);
-    }
-  }, [openedClassName]);
-  (0, React.useEffect)(function () {
-    if (!rootNode.current) {
-      return;
-    }
-
-    var _rootNode$current$scr = rootNode.current.scrollHeight,
-        scrollHeight = _rootNode$current$scr === void 0 ? 0 : _rootNode$current$scr;
-
-    switch (true) {
-      case !canUpdate.current && isOpened:
-        rootNode.current.style.height = 'auto';
-        break;
-
-      case !canUpdate.current && !isOpened:
-        rootNode.current.style.height = '0px';
-        break;
-
-      case isOpened:
-        animationId.current = window.requestAnimationFrame(function (timePassed) {
-          return animateSlide(scrollHeight, duration, timePassed, true);
-        });
-        break;
-
-      default:
-        animationId.current = window.requestAnimationFrame(function (timePassed) {
-          return animateSlide(scrollHeight, duration, timePassed);
-        });
-    }
-
-    canUpdate.current = true;
-  }, [isOpened, duration, animateSlide]);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn([className]),
-    ref: rootNode
-  }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.inner), {
-    className: classNameContainer
-  }), children));
-};
-
-Collapse.propTypes = {
-  className: PropTypes.string,
-  classNameContainer: PropTypes.string,
-  openedClassName: PropTypes.string,
-  isOpened: PropTypes.bool.isRequired,
-  animationDuration: PropTypes.number,
-  animation: PropTypes.bool,
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    inner: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  children: PropTypes.node.isRequired
-};
-var _default = Collapse;
-exports["default"] = _default;

package/dist/lib/components/Selector/doc/Selector.example.css

@@ -1,17 +0,0 @@
-.top-right {
-  position: absolute;
-  top: 10px;
-  right: 10px;
-}
-.center {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translateX(-50%) translateY(-50%);
-          transform: translateX(-50%) translateY(-50%);
-}
-.bottom-left {
-  position: absolute;
-  bottom: 10px;
-  left: 10px;
-}

package/styles/base.less

@@ -1,171 +0,0 @@
-@import (reference) 'colors.css';
-
-// BREAKPOINTS
-@mobileExtraSmallEnd: 359px;
-@mobileSmallEnd:      479px;
-@mobileMiddleStart:   480px;
-@mobileMiddleEnd:     767px;
-@mobileBigStart:      768px;
-@mobileBigEnd:        1023px;
-@desktopSmallStart:   1024px;
-@desktopSmallEnd:     1279px;
-@desktopMiddleStart:  1280px;
-@desktopMiddleEnd:    1439px;
-@desktopBigStart:     1440px;
-@desktopBigEnd:       1599px;
-
-@mobileXS:        ~'screen and (max-width: @{mobileExtraSmallEnd})';                                     // ∞ - 359
-@mobile:          ~'screen and (max-width: @{mobileBigEnd})';                                            // ∞ - 1023
-@mobileS:         ~'screen and (max-width: @{mobileSmallEnd})';                                          // ∞ - 479
-@mobileM:         ~'screen and (min-width: @{mobileMiddleStart}) and (max-width: @{mobileMiddleEnd})';   // 480 - 767
-@mobileB:         ~'screen and (min-width: @{mobileBigStart}) and (max-width: @{mobileBigEnd})';         // 768 - 1023
-@mobileSM:        ~'screen and (max-width: @{mobileMiddleEnd})';                                         // ∞ - 767
-@mobileMB:        ~'screen and (min-width: @{mobileMiddleStart}) and (max-width: @{mobileBigEnd})';      // 480 - 1023
-@mobileMU:        ~'screen and (min-width: @{mobileMiddleStart})';                                       // 480 - ∞
-@mobileBU:        ~'screen and (min-width: @{mobileBigStart})';                                          // 768 - ∞
-@desktop:         ~'screen and (min-width: @{desktopSmallStart})';                                       // 1024 - ∞
-@desktopS:        ~'screen and (min-width: @{desktopSmallStart}) and (max-width: @{desktopSmallEnd})';   // 1024 - 1279
-@desktopM:        ~'screen and (min-width: @{desktopMiddleStart}) and (max-width: @{desktopMiddleEnd})'; // 1280 - 1439
-@desktopB:        ~'screen and (min-width: @{desktopBigStart}) and (max-width: @{desktopBigEnd})';       // 1440 - 1599
-@desktopBU:       ~'screen and (min-width: @{desktopBigStart})';                                         // 1440 - ∞
-@desktopSM:       ~'screen and (min-width: @{desktopSmallStart}) and (max-width: @{desktopMiddleEnd})';  // 1024 - 1439
-@desktopMU:       ~'screen and (min-width: @{desktopMiddleStart})';                                      // 1280 - ∞
-
-@retina:
-    ~'screen and (-webkit-min-device-pixel-ratio: 2),'
-    ~'screen and (min--moz-device-pixel-ratio: 2),'
-    ~'screen and (-o-min-device-pixel-ratio: 2/1),'
-    ~'screen and (min-device-pixel-ratio: 2),'
-    ~'screen and (min-resolution: 192dpi),'
-    ~'screen and (min-resolution: 2dppx)';
-
-@mobileRetina:
-    @mobile ~'and (-webkit-min-device-pixel-ratio: 2),'
-    @mobile ~'and (min--moz-device-pixel-ratio: 2),'
-    @mobile ~'and (-o-min-device-pixel-ratio: 2/1),'
-    @mobile ~'and (min-device-pixel-ratio: 2),'
-    @mobile ~'and (min-resolution: 192dpi),'
-    @mobile ~'and (min-resolution: 2dppx)';
-
-@hoverNone: ~'screen and (hover:none)';
-
-// INDENTS
-@contentHorizontalIndentMobileXS: 8px;
-@contentHorizontalIndentMobileSM: 16px;
-@contentHorizontalIndentMobileB: 48px;
-@contentHorizontalIndentDesktopS: 64px;
-@contentHorizontalIndentDesktopMU: 80px;
-@contentVerticalIndentDesktop: 96px;
-@contentVerticalIndentMobileB: 72px;
-@contentVerticalIndentMobileSM: 56px;
-@maxContentWidth: 1440px;
-
-// TRANSITIONS
-@defaultTransitionTiming: 0.3s;
-
-// MIXINS
-.Graphik() {
-    font-family: Graphik, Arial, sans-serif;
-}
-
-.fontFamily() {
-    font-family: inherit;
-}
-
-.commonFont() {
-    font-size: 15px;
-    line-height: 24px;
-}
-
-.smallFont() {
-    font-size: 12px;
-    line-height: 18px;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5 {
-    margin: 0;
-}
-
-.h1() {
-    font-weight: 600;
-    font-size: 36px;
-    line-height: 30px;
-    letter-spacing: 0.5px;
-
-    @media @mobileB {
-        font-size: 36px;
-        line-height: 40px;
-    }
-    @media @desktop {
-        font-size: 44px;
-        line-height: 48px;
-    }
-    @media @desktopMU {
-        font-size: 52px;
-        line-height: 56px;
-    }
-}
-
-.h2() {
-    font-weight: 600;
-    font-size: 22px;
-    line-height: 28px;
-    letter-spacing: 0.5px;
-
-    @media @mobileB {
-        font-size: 26px;
-        line-height: 32px;
-    }
-    @media @desktop {
-        font-size: 28px;
-        line-height: 36px;
-    }
-    @media @desktopMU {
-        font-size: 32px;
-        line-height: 40px;
-    }
-}
-
-.h3() {
-    font-weight: 500;
-    font-size: 18px;
-    line-height: 24px;
-    letter-spacing: 0.5px;
-
-    @media @desktopMU {
-        font-size: 20px;
-        line-height: 28px;
-    }
-}
-
-.h5() {
-    .commonFont();
-    font-weight: 500;
-}
-
-.p() {
-    .commonFont();
-    font-weight: 400;
-}
-
-.pIndents() {
-    margin-top: 0;
-    margin-bottom: 16px;
-
-    &:last-child {
-        margin-bottom: 0;
-    }
-}
-
-.link() {
-    color: var(--systemBlue);
-    text-decoration: none;
-
-    &:hover {
-        text-decoration: underline;
-    }
-}