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

package/dist/lib/components/Modal/_ModalMobileBottom/ModalMobileBottom.js

@@ -1,123 +0,0 @@
-"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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.index-of.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _ModalContent = _interopRequireDefault(require("../_ModalContent/ModalContent"));
-var _Modal = require("../Modal");
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-var HALF_DIVIDER = 2;
-var cn = (0, _uiHelpers.cnCreate)('mfui-modal-mobile-bottom');
-var ModalMobileBottom = function ModalMobileBottom(_a) {
-  var _b = _a.classes,
-    _c = _b === void 0 ? {} : _b,
-    containerWrap = _c.containerWrap,
-    containerInner = _c.containerInner,
-    restClasses = __rest(_c, ["containerWrap", "containerInner"]),
-    isSwipeDisabled = _a.isSwipeDisabled,
-    children = _a.children,
-    onChangeTransitionStep = _a.onChangeTransitionStep,
-    onChangeContainerWrapTransform = _a.onChangeContainerWrapTransform,
-    restProps = __rest(_a, ["classes", "isSwipeDisabled", "children", "onChangeTransitionStep", "onChangeContainerWrapTransform"]);
-  var _restProps$refs = restProps.refs,
-    containerWrapRef = _restProps$refs.containerWrapRef,
-    containerInnerRef = _restProps$refs.containerInnerRef,
-    isTransitionMoveStep = restProps.isTransitionMoveStep,
-    isTransitionEndStep = restProps.isTransitionEndStep;
-  var _React$useState = React.useState(null),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    initialTouchPosition = _React$useState2[0],
-    setInitialTouchPosition = _React$useState2[1];
-  var _React$useState3 = React.useState(0),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    initialContainerWrapHeight = _React$useState4[0],
-    setInitialContainerWrapHeight = _React$useState4[1];
-  var animationFrameId = React.useRef(0);
-  var offsetHeightCenter = React.useMemo(function () {
-    var _a;
-    return initialTouchPosition && containerInnerRef.current ? ((_a = containerInnerRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) / HALF_DIVIDER : 0;
-  }, [containerInnerRef, initialTouchPosition]);
-  var handleWindowTouchMove = React.useCallback(function (e) {
-    if (animationFrameId) {
-      window.cancelAnimationFrame(animationFrameId.current);
-    }
-    var containerWrapNode = containerWrapRef.current;
-    animationFrameId.current = window.requestAnimationFrame(function () {
-      onChangeTransitionStep(_Modal.MODAL_TRANSITIONS_STEPS_ENUM.MOVE_STEP);
-      if (!containerWrapNode || e.target !== containerWrapNode) {
-        return;
-      }
-      if (!initialContainerWrapHeight) {
-        setInitialContainerWrapHeight(containerWrapNode.clientHeight);
-      }
-      if (!initialTouchPosition) {
-        setInitialTouchPosition(e.touches[0].clientY);
-        return;
-      }
-      var positionsDiff = initialTouchPosition - e.touches[0].clientY;
-      var positionsDiffAbs = Math.abs(positionsDiff);
-      var isMoveToTop = positionsDiff > 0;
-      var newContainerWrapHeight = initialContainerWrapHeight - positionsDiffAbs;
-      var isMoveAboveInitialContainer = isMoveToTop && newContainerWrapHeight < containerWrapNode.offsetHeight;
-      if (isMoveAboveInitialContainer) {
-        return;
-      }
-      onChangeContainerWrapTransform("translateY(".concat(positionsDiffAbs, "px)"));
-      animationFrameId.current = 0;
-    });
-  }, [containerWrapRef, initialContainerWrapHeight, initialTouchPosition, onChangeContainerWrapTransform, onChangeTransitionStep]);
-  var handleWindowTouchEnd = React.useCallback(function (e) {
-    var _a;
-    var containerWrapNode = containerWrapRef.current;
-    if (!containerWrapNode || !isTransitionMoveStep || e.target !== containerWrapNode) {
-      return;
-    }
-    window.cancelAnimationFrame(animationFrameId.current);
-    var containerCenterPosition = containerWrapNode.offsetTop + offsetHeightCenter;
-    var isMoreHalfClosed = ((_a = e.changedTouches[0]) === null || _a === void 0 ? void 0 : _a.clientY) > containerCenterPosition;
-    setInitialTouchPosition(null);
-    onChangeContainerWrapTransform(isMoreHalfClosed ? 'translateY(100%)' : 'none');
-    onChangeTransitionStep(isMoreHalfClosed ? _Modal.MODAL_TRANSITIONS_STEPS_ENUM.MOVE_END_STEP : _Modal.MODAL_TRANSITIONS_STEPS_ENUM.INITIAL_STEP);
-  }, [containerWrapRef, isTransitionMoveStep, offsetHeightCenter, onChangeContainerWrapTransform, onChangeTransitionStep]);
-  React.useEffect(function () {
-    if (isSwipeDisabled) {
-      return undefined;
-    }
-    window.addEventListener('touchmove', handleWindowTouchMove);
-    window.addEventListener('touchend', handleWindowTouchEnd);
-    return function () {
-      window.removeEventListener('touchmove', handleWindowTouchMove);
-      window.removeEventListener('touchend', handleWindowTouchEnd);
-    };
-  }, [handleWindowTouchEnd, handleWindowTouchMove, isSwipeDisabled]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn()
-  }, /*#__PURE__*/React.createElement(_ModalContent["default"], (0, _extends2["default"])({}, restProps, {
-    classes: (0, _extends2["default"])((0, _extends2["default"])({}, restClasses), {
-      containerWrap: cn('container-wrap', {
-        move: isTransitionMoveStep,
-        'transition-end': isTransitionEndStep
-      }, containerWrap),
-      containerInner: cn('container-inner', containerInner)
-    })
-  }), children));
-};
-var _default = exports["default"] = ModalMobileBottom;

package/dist/lib/components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-modal-mobile-full-screen{width:100%}.mfui-modal-mobile-full-screen__container-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.mfui-modal-mobile-full-screen__container-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.mfui-modal-mobile-full-screen__scroll-root{height:100%}.mfui-modal-mobile-full-screen__scroll-init{height:100vh}.mfui-modal-mobile-full-screen__scroll-content{height:100%}.mfui-modal-mobile-full-screen__children{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.mfui-modal-mobile-full-screen__children-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.mfui-modal-mobile-full-screen__container-wrap{height:100%}

package/dist/lib/components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type ModalContextPropsType from '../types';
-import './ModalMobileFullScreen.scss';
-interface IModalMobileFullScreenProps extends ModalContextPropsType {
-    children?: React.ReactNode;
-}
-declare const ModalMobileFullScreen: React.FC<IModalMobileFullScreenProps>;
-export default ModalMobileFullScreen;

package/dist/lib/components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen.js

@@ -1,64 +0,0 @@
-"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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.index-of.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _ModalContent = _interopRequireDefault(require("../_ModalContent/ModalContent"));
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-modal-mobile-full-screen');
-var ModalMobileFullScreen = function ModalMobileFullScreen(_a) {
-  var _b = _a.classes,
-    _c = _b === void 0 ? {} : _b,
-    containerWrap = _c.containerWrap,
-    containerInner = _c.containerInner,
-    containerBody = _c.containerBody,
-    childrenClass = _c.children,
-    childrenContent = _c.childrenContent,
-    restClasses = __rest(_c, ["containerWrap", "containerInner", "containerBody", "children", "childrenContent"]),
-    _d = _a.scrollBarParams,
-    _e = _d.classes,
-    _f = _e === void 0 ? {} : _e,
-    root = _f.root,
-    init = _f.init,
-    scrollContent = _f.scrollContent,
-    restClassesScrollBar = __rest(_f, ["root", "init", "scrollContent"]),
-    restScrollBarParams = __rest(_d, ["classes"]),
-    children = _a.children,
-    restProps = __rest(_a, ["classes", "scrollBarParams", "children"]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn()
-  }, /*#__PURE__*/React.createElement(_ModalContent["default"], (0, _extends2["default"])({}, restProps, {
-    classes: (0, _extends2["default"])((0, _extends2["default"])({}, restClasses), {
-      containerWrap: cn('container-wrap', containerWrap),
-      containerInner: cn('container-inner', containerInner),
-      containerBody: cn('container-body', containerBody),
-      children: cn('children', childrenClass),
-      childrenContent: cn('children-content', childrenContent)
-    }),
-    scrollBarParams: (0, _extends2["default"])((0, _extends2["default"])({}, restScrollBarParams), {
-      classes: (0, _extends2["default"])((0, _extends2["default"])({}, restClassesScrollBar), {
-        root: cn('scroll-root', root),
-        init: cn('scroll-init', init),
-        scrollContent: cn('scroll-content', scrollContent)
-      })
-    })
-  }), children));
-};
-var _default = exports["default"] = ModalMobileFullScreen;

package/dist/lib/components/Modal/mocks.d.ts

@@ -1,3 +0,0 @@
-import type ModalContextPropsType from './types';
-declare const mockModalContextProps: ModalContextPropsType;
-export default mockModalContextProps;

package/dist/lib/components/Modal/mocks.js

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var mockModalContextProps = {
-  classes: {
-    bodyOpen: 'bodyOpen-class',
-    modalContent: 'modalContent-class',
-    overlay: 'overlay-class',
-    background: 'background-class',
-    containerWrap: 'containerWrap-class',
-    containerInner: 'containerInner-class',
-    containerBody: 'containerBody-class',
-    header: 'header-class',
-    headerCloseButton: 'headerCloseButton-class',
-    titleArea: 'titleArea-class',
-    title: 'title-class',
-    children: 'children-class',
-    childrenContent: 'childrenContent-class',
-    footer: 'footer-class'
-  },
-  dataAttrs: {
-    background: {
-      'data-testid': 'background'
-    },
-    headerBackButton: {
-      'data-testid': 'headerBackButton'
-    },
-    headerCloseButton: {
-      'data-testid': 'headerCloseButton'
-    },
-    containerWrap: {
-      'data-testid': 'containerWrap'
-    },
-    containerInner: {
-      'data-testid': 'containerInner'
-    },
-    containerBody: {
-      'data-testid': 'containerBody'
-    }
-  },
-  scrollBarParams: {
-    maxHeight: 100,
-    classes: {
-      root: 'scrollBar-root-class',
-      init: 'scrollBar-init-class',
-      scrollContent: 'scrollBar-scrollContent-class',
-      childrenWrap: 'scrollBar-childrenWrap-class'
-    }
-  },
-  refs: {
-    overlayRef: {
-      current: null
-    },
-    headerRef: {
-      current: null
-    },
-    footerRef: {
-      current: null
-    },
-    containerWrapRef: {
-      current: null
-    },
-    containerInnerRef: {
-      current: null
-    },
-    containerBodyRef: {
-      current: null
-    }
-  },
-  isMobile: false,
-  isTransitionMoveStep: false,
-  isTransitionEndStep: false,
-  containerWrapTransform: '',
-  containerWrapHeight: 200,
-  containerWrapOverflow: '',
-  isBottomTransitionIn: false,
-  onSetContainerWrapRef: jest.fn(),
-  onPopupClose: jest.fn(),
-  onTransitionExited: jest.fn(),
-  onTransitionEnd: jest.fn()
-};
-var _default = exports["default"] = mockModalContextProps;

package/dist/lib/components/Modal/types.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import type { IScrollBarProps } from '../ScrollBar/ScrollBar';
-import type { IModalProps } from './Modal';
-type ModalComponentPropsType = Pick<IModalProps, 'classes' | 'dataAttrs' | 'headerProps' | 'footerProps' | 'isEnabledNativeScroll' | 'isDisabledBackgroundClick'>;
-type RefType = React.MutableRefObject<HTMLDivElement | null>;
-type ModalContextPropsType = ModalComponentPropsType & {
-    scrollBarParams: IScrollBarProps;
-    refs: {
-        overlayRef: RefType;
-        headerRef: RefType;
-        footerRef: RefType;
-        containerWrapRef: RefType;
-        containerInnerRef: RefType;
-        containerBodyRef: RefType;
-    };
-    isMobile: boolean;
-    isTransitionMoveStep: boolean;
-    isTransitionEndStep: boolean;
-    containerWrapTransform: string;
-    containerWrapHeight: number | undefined;
-    containerWrapOverflow: string;
-    isBottomTransitionIn: boolean;
-    onSetContainerWrapRef: (node: HTMLDivElement) => void;
-    onPopupClose: () => void;
-    onTransitionExited: () => void;
-    onTransitionEnd: (e: React.TransitionEvent) => void;
-};
-export default ModalContextPropsType;

package/dist/lib/components/Modal/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/lib/components/Modal/utils/utils.d.ts

@@ -1,18 +0,0 @@
-type CorrectMaxHeightRefsType = {
-    overlayNode: HTMLDivElement | null;
-    headerNode: HTMLDivElement | null;
-    footerNode: HTMLDivElement | null;
-    containerBodyNode: HTMLDivElement | null;
-};
-type CorrectMaxHeightArgsType = {
-    refs: CorrectMaxHeightRefsType;
-    props: {
-        isStickyFooter?: boolean;
-        isBottomView?: boolean;
-        isStaticHeader?: boolean;
-    };
-};
-export declare const getCorrectMaxHeight: ({ refs, props }: CorrectMaxHeightArgsType) => number;
-export declare const changeBodyPadding: (isOpened: boolean) => void;
-declare const _default: null;
-export default _default;

package/dist/lib/components/Modal/utils/utils.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getCorrectMaxHeight = exports["default"] = exports.changeBodyPadding = void 0;
-require("core-js/modules/es.parse-int.js");
-var _uiHelpers = require("@megafon/ui-helpers");
-var getAdditionalSize = function getAdditionalSize(refs) {
-  var overlayNode = refs.overlayNode,
-    headerNode = refs.headerNode,
-    footerNode = refs.footerNode,
-    containerBodyNode = refs.containerBodyNode;
-  if (!(overlayNode && containerBodyNode)) {
-    return {
-      modalOverlayPadding: 0,
-      popupContainerBodyPaddings: 0,
-      popupHeaderHeight: 0,
-      popupFooterHeight: 0
-    };
-  }
-  var modalOverlayPadding = parseInt(getComputedStyle(overlayNode).paddingTop, 10);
-  var popupHeaderHeight = (headerNode === null || headerNode === void 0 ? void 0 : headerNode.offsetHeight) || 0;
-  var popupFooterHeight = (footerNode === null || footerNode === void 0 ? void 0 : footerNode.offsetHeight) || 0;
-  var popupContainerBodyPaddingTop = parseInt(getComputedStyle(containerBodyNode).paddingTop, 10);
-  var popupContainerBodyPaddingBottom = parseInt(getComputedStyle(containerBodyNode).paddingBottom, 10);
-  var popupContainerBodyPaddings = popupContainerBodyPaddingTop + popupContainerBodyPaddingBottom;
-  return {
-    modalOverlayPadding: modalOverlayPadding,
-    popupContainerBodyPaddings: popupContainerBodyPaddings,
-    popupHeaderHeight: popupHeaderHeight,
-    popupFooterHeight: popupFooterHeight
-  };
-};
-var getCorrectMaxHeight = exports.getCorrectMaxHeight = function getCorrectMaxHeight(_ref) {
-  var refs = _ref.refs,
-    props = _ref.props;
-  var isStickyFooter = props.isStickyFooter,
-    isStaticHeader = props.isStaticHeader,
-    isBottomView = props.isBottomView;
-  var windowHeight = window.innerHeight;
-  var windowWidth = window.innerWidth;
-  var isMobile = windowWidth < _uiHelpers.breakpoints.MOBILE_BIG_START;
-  var _getAdditionalSize = getAdditionalSize(refs),
-    modalOverlayPadding = _getAdditionalSize.modalOverlayPadding,
-    popupContainerBodyPaddings = _getAdditionalSize.popupContainerBodyPaddings,
-    popupHeaderHeight = _getAdditionalSize.popupHeaderHeight,
-    popupFooterHeight = _getAdditionalSize.popupFooterHeight;
-  var maxHeightDesktop = windowHeight - modalOverlayPadding * 2 - popupHeaderHeight - popupContainerBodyPaddings;
-  var maxHeightMobileDefault = windowHeight - popupContainerBodyPaddings;
-  var maxHeightMobileHeader = isStaticHeader ? maxHeightMobileDefault : maxHeightMobileDefault - popupHeaderHeight;
-  var maxHeightMobileView = isBottomView ? maxHeightMobileHeader - modalOverlayPadding : maxHeightMobileHeader;
-  var maxHeightResize = isMobile ? maxHeightMobileView : maxHeightDesktop;
-  var correctMaxHeight = isStickyFooter ? maxHeightResize - popupFooterHeight : maxHeightResize;
-  return correctMaxHeight;
-};
-var changeBodyPadding = exports.changeBodyPadding = function changeBodyPadding(isOpened) {
-  var windowWidth = window.innerWidth;
-  var documentClientWidth = document.documentElement.clientWidth;
-  var scrollBarWidth = windowWidth - documentClientWidth;
-  var bodyEl = document.body;
-  if (!isOpened) {
-    bodyEl.style.paddingRight = '';
-    return;
-  }
-  if (scrollBarWidth === 0) {
-    return;
-  }
-  var computedBodyPaddingRight = parseInt(getComputedStyle(bodyEl).paddingRight, 10);
-  bodyEl.style.paddingRight = "".concat(computedBodyPaddingRight + scrollBarWidth, "px");
-};
-var _default = exports["default"] = null;

package/dist/lib/components/ScrollBar/ScrollBar.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-scroll-bar_hide-all .simplebar-vertical{display:none}@media screen and (min-width:1280px){.mfui-scroll-bar_hide-wide .simplebar-vertical{display:none}}@media screen and (min-width:1024px){.mfui-scroll-bar_hide-desktop .simplebar-vertical{display:none}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-scroll-bar_hide-tablet .simplebar-vertical{display:none}}@media screen and (max-width:767px){.mfui-scroll-bar_hide-mobile .simplebar-vertical{display:none}}.mfui-scroll-bar_initial-hide .simplebar-vertical{display:none}.mfui-scroll-bar__init{position:relative}.mfui-scroll-bar__scroll-track{bottom:0;overflow:hidden;position:absolute;right:0}.mfui-scroll-bar .simplebar-horizontal{display:none}.mfui-scroll-bar .simplebar-vertical{-webkit-animation:hide-track .2s linear 3s forwards;animation:hide-track .2s linear 3s forwards;background-color:var(--spbSky1);border-radius:4px;opacity:1;top:0;width:6px}.mfui-scroll-bar__scroll-track-bar{min-height:10px;position:relative;z-index:1}.mfui-scroll-bar__scroll-track-bar:before{background:var(--spbSky2);border-radius:4px;content:"";display:block;height:100%;width:100%}.mfui-scroll-bar__init-scrolling .simplebar-vertical,.mfui-scroll-bar__scroll-track-hover.simplebar-vertical{-webkit-animation:none;animation:none;opacity:1}.mfui-scroll-bar__scroll-content:after,.mfui-scroll-bar__scroll-content:before{-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";display:table}.mfui-scroll-bar__children-wrap{height:100%;padding-right:6px}@-webkit-keyframes hide-track{0%{opacity:1}to{opacity:0}}@keyframes hide-track{0%{opacity:1}to{opacity:0}}

package/dist/lib/components/ScrollBar/ScrollBar.d.ts

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import 'simplebar-react/dist/simplebar.min.css';
-import './ScrollBar.scss';
-export interface IScrollBarProps {
-    /** Дополнительные классы для корневого и внутренних элементов */
-    classes?: {
-        root?: string;
-        init?: string;
-        scrollContent?: string;
-        childrenWrap?: string;
-    };
-    /** Дополнительные data-атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        init?: Record<string, string>;
-    };
-    /** Максимальная высота контента */
-    maxHeight: number | null;
-    /** Не отображать на всех разрешениях экрана */
-    hideAll?: boolean;
-    /** Не отображать на разрешении экрана 1280+ */
-    hideWide?: boolean;
-    /** Не отображать на разрешении экрана 1024+ */
-    hideDesktop?: boolean;
-    /** Не отображать на разрешении экрана 768-1023 */
-    hideTablet?: boolean;
-    /** Не отображать на разрешении экрана 0-767 */
-    hideMobile?: boolean;
-    /** Ref обработчик */
-    getScrollBar?: (node: HTMLElement) => void;
-    children?: React.ReactNode;
-}
-declare const ScrollBar: React.FC<IScrollBarProps>;
-export default ScrollBar;

package/dist/lib/components/ScrollBar/ScrollBar.js

@@ -1,94 +0,0 @@
-"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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _simplebarReact = _interopRequireDefault(require("simplebar-react"));
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var cn = (0, _uiHelpers.cnCreate)('mfui-scroll-bar');
-var ScrollBar = function ScrollBar(_ref) {
-  var classes = _ref.classes,
-    dataAttrs = _ref.dataAttrs,
-    maxHeight = _ref.maxHeight,
-    hideAll = _ref.hideAll,
-    hideWide = _ref.hideWide,
-    hideDesktop = _ref.hideDesktop,
-    hideTablet = _ref.hideTablet,
-    hideMobile = _ref.hideMobile,
-    getScrollBar = _ref.getScrollBar,
-    children = _ref.children;
-  var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    isInitialHide = _React$useState2[0],
-    setIsInitialHide = _React$useState2[1];
-  var scrollBarInitNode = React.useRef(null);
-  var resizeObserver = React.useRef(null);
-  function handleGetScrollBarRef(node) {
-    if (!node) {
-      return;
-    }
-    var scrollInitEl = node.el;
-    scrollBarInitNode.current = scrollInitEl;
-    getScrollBar === null || getScrollBar === void 0 ? void 0 : getScrollBar(scrollInitEl);
-  }
-  var handleSetInitialHide = React.useCallback(function () {
-    if (!scrollBarInitNode.current || !maxHeight) {
-      setIsInitialHide(false);
-      return;
-    }
-    var scrollContentNode = scrollBarInitNode.current.querySelector(".".concat(cn('scroll-content')));
-    if (!scrollContentNode) {
-      setIsInitialHide(false);
-      return;
-    }
-    var scrollContentOffsetHeight = scrollContentNode.offsetHeight;
-    setIsInitialHide(scrollContentOffsetHeight <= maxHeight);
-  }, [maxHeight]);
-  React.useEffect(function () {
-    if (!scrollBarInitNode.current || !maxHeight) {
-      return undefined;
-    }
-    resizeObserver.current = new ResizeObserver(handleSetInitialHide);
-    resizeObserver.current.observe(scrollBarInitNode.current);
-    return function () {
-      if (resizeObserver.current && scrollBarInitNode.current) {
-        resizeObserver.current.unobserve(scrollBarInitNode.current);
-      }
-    };
-  }, [handleSetInitialHide, maxHeight]);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    className: cn({
-      'initial-hide': isInitialHide,
-      'hide-all': hideAll,
-      'hide-wide': hideWide,
-      'hide-desktop': hideDesktop,
-      'hide-tablet': hideTablet,
-      'hide-mobile': hideMobile
-    }, [classes === null || classes === void 0 ? void 0 : classes.root])
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(_simplebarReact["default"], (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.init), {
-    className: cn('init', [classes === null || classes === void 0 ? void 0 : classes.init]),
-    classNames: {
-      track: cn('scroll-track'),
-      scrollbar: cn('scroll-track-bar'),
-      hover: cn('scroll-track-hover'),
-      scrolling: cn('init-scrolling'),
-      contentEl: cn('scroll-content', [classes === null || classes === void 0 ? void 0 : classes.scrollContent])
-    },
-    style: {
-      maxHeight: "".concat(maxHeight, "px")
-    },
-    forceVisible: "y",
-    ref: handleGetScrollBarRef
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('children-wrap', [classes === null || classes === void 0 ? void 0 : classes.childrenWrap])
-  }, children)));
-};
-var _default = exports["default"] = ScrollBar;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-collapse{overflow:hidden}

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

@@ -1,95 +0,0 @@
-"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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _uiHelpers = require("@megafon/ui-helpers");
-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 _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 isBeforeOpened = 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;
-    if (isBeforeOpened.current === isOpened) {
-      rootNode.current.style.height = isOpened ? 'auto' : '0px';
-    } else {
-      animationId.current = window.requestAnimationFrame(function (timePassed) {
-        return animateSlide(scrollHeight, duration, timePassed, isOpened);
-      });
-      isBeforeOpened.current = isOpened;
-    }
-  }, [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,
-    style: {
-      height: '0px'
-    }
-  }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.inner), {
-    className: classNameContainer
-  }), children));
-};
-var _default = exports["default"] = Collapse;