@skbkontur/react-ui 5.6.1-9a162.0 → 5.6.1-e2bc4.0

package/cjs/components/ResponsiveLayout/decorator.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import type { ResponsiveLayoutFlags } from './types';
-export declare function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T): {
-    new (...args: any[]): {
-        layout: ResponsiveLayoutFlags;
-        currentLayout: ResponsiveLayoutFlags<import("./types").EmptyObject>;
-        isMobileLayout: boolean;
-        renderWithLayout: (currentLayout: ResponsiveLayoutFlags) => React.ReactNode;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<{}>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-} & T;

package/cjs/components/ResponsiveLayout/decorator.js

@@ -1,44 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.responsiveLayout = responsiveLayout;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-
-var _ResponsiveLayout = require("./ResponsiveLayout");
-
-
-function responsiveLayout(WrappedComp) {
-  var ComponentWithLayout = /*#__PURE__*/function (_WrappedComp) {function ComponentWithLayout() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _WrappedComp.call.apply(_WrappedComp, [this].concat(args)) || this;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-      renderWithLayout = function (currentLayout) {
-        _this.layout = currentLayout;
-
-        return _WrappedComp.prototype.render.call(_this);
-      };return _this;}(0, _inheritsLoose2.default)(ComponentWithLayout, _WrappedComp);var _proto = ComponentWithLayout.prototype;_proto.
-
-    render = function render() {
-      return /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, this.renderWithLayout);
-    };return (0, _createClass2.default)(ComponentWithLayout, [{ key: "currentLayout", get: function get() {return this.layout;}, set: function set(value) {//
-      } }, { key: "isMobileLayout", get: function get() {return this.layout.isMobile;}, set: function set(value) {//
-      } }]);}(WrappedComp);
-  var nameDescriptor = Object.getOwnPropertyDescriptor(ComponentWithLayout, 'name');
-
-  if (!nameDescriptor || nameDescriptor.configurable) {
-    Object.defineProperty(ComponentWithLayout, 'name', { value: WrappedComp.name });
-  }
-
-  return ComponentWithLayout;
-}

package/cjs/components/ResponsiveLayout/decorator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ResponsiveLayout","responsiveLayout","WrappedComp","ComponentWithLayout","_WrappedComp","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderWithLayout","currentLayout","layout","prototype","render","_inheritsLoose2","default","_proto","createElement","ResponsiveLayout","_createClass2","key","get","set","value","isMobile","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","name"],"sources":["decorator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ResponsiveLayout } from './ResponsiveLayout';\nimport type { ResponsiveLayoutFlags } from './types';\n\nexport function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T) {\n  const ComponentWithLayout = class extends WrappedComp {\n    public layout!: ResponsiveLayoutFlags;\n\n    public get currentLayout(): ResponsiveLayoutFlags {\n      return this.layout;\n    }\n\n    public set currentLayout(value: ResponsiveLayoutFlags) {\n      //\n    }\n\n    public get isMobileLayout(): boolean {\n      return this.layout.isMobile;\n    }\n\n    public set isMobileLayout(value: boolean) {\n      //\n    }\n\n    public renderWithLayout = (currentLayout: ResponsiveLayoutFlags) => {\n      this.layout = currentLayout;\n\n      return super.render();\n    };\n\n    public render() {\n      return <ResponsiveLayout>{this.renderWithLayout}</ResponsiveLayout>;\n    }\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(ComponentWithLayout, 'name');\n\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(ComponentWithLayout, 'name', { value: WrappedComp.name });\n  }\n\n  return ComponentWithLayout;\n}\n"],"mappings":"wWAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,iBAAA,GAAAD,OAAA;;;AAGO,SAASE,gBAAgBA,CAAoDC,WAAc,EAAE;EAClG,IAAMC,mBAAmB,0BAAAC,YAAA,YAAAD,oBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,YAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,YAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;MAmBhBU,gBAAgB,GAAG,UAACC,aAAoC,EAAK;QAClEX,KAAA,CAAKY,MAAM,GAAGD,aAAa;;QAE3B,OAAAZ,YAAA,CAAAc,SAAA,CAAaC,MAAM,CAAAP,IAAA,CAAAP,KAAA;MACrB,CAAC,QAAAA,KAAA,MAAAe,eAAA,CAAAC,OAAA,EAAAlB,mBAAA,EAAAC,YAAA,MAAAkB,MAAA,GAAAnB,mBAAA,CAAAe,SAAA,CAAAI,MAAA;;IAEMH,MAAM,GAAb,SAAAA,OAAA,EAAgB;MACd,oBAAOtB,MAAA,CAAAwB,OAAA,CAAAE,aAAA,CAACvB,iBAAA,CAAAwB,gBAAgB,QAAE,IAAI,CAACT,gBAAmC,CAAC;IACrE,CAAC,YAAAU,aAAA,CAAAJ,OAAA,EAAAlB,mBAAA,KAAAuB,GAAA,mBAAAC,GAAA,EAxBD,SAAAA,IAAA,EAAkD,CAChD,OAAO,IAAI,CAACV,MAAM,CACpB,CAAC,EAAAW,GAAA,EAED,SAAAA,IAAyBC,KAA4B,EAAE,CACrD;MAAA,CACD,MAAAH,GAAA,oBAAAC,GAAA,EAED,SAAAA,IAAA,EAAqC,CACnC,OAAO,IAAI,CAACV,MAAM,CAACa,QAAQ,CAC7B,CAAC,EAAAF,GAAA,EAED,SAAAA,IAA0BC,KAAc,EAAE,CACxC;MAAA,CACD,OAjBuC3B,WAAW,CA4BpD;EAED,IAAM6B,cAAc,GAAGC,MAAM,CAACC,wBAAwB,CAAC9B,mBAAmB,EAAE,MAAM,CAAC;;EAEnF,IAAI,CAAC4B,cAAc,IAAIA,cAAc,CAACG,YAAY,EAAE;IAClDF,MAAM,CAACG,cAAc,CAAChC,mBAAmB,EAAE,MAAM,EAAE,EAAE0B,KAAK,EAAE3B,WAAW,CAACkC,IAAI,CAAC,CAAC,CAAC;EACjF;;EAEA,OAAOjC,mBAAmB;AAC5B","ignoreList":[]}

package/cjs/components/ResponsiveLayout/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ResponsiveLayout';
-export * from './useResponsiveLayout';
-export * from './types';

package/cjs/components/ResponsiveLayout/index.js

@@ -1,3 +0,0 @@
-"use strict";exports.__esModule = true;var _ResponsiveLayout = require("./ResponsiveLayout");Object.keys(_ResponsiveLayout).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ResponsiveLayout[key]) return;exports[key] = _ResponsiveLayout[key];});
-var _useResponsiveLayout = require("./useResponsiveLayout");Object.keys(_useResponsiveLayout).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _useResponsiveLayout[key]) return;exports[key] = _useResponsiveLayout[key];});
-var _types = require("./types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _types[key]) return;exports[key] = _types[key];});

package/cjs/components/ResponsiveLayout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_ResponsiveLayout","require","Object","keys","forEach","key","exports","_useResponsiveLayout","_types"],"sources":["index.tsx"],"sourcesContent":["export * from './ResponsiveLayout';\nexport * from './useResponsiveLayout';\nexport * from './types';\n"],"mappings":"uCAAA,IAAAA,iBAAA,GAAAC,OAAA,uBAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,iBAAA,CAAAK,GAAA;AACA,IAAAE,oBAAA,GAAAN,OAAA,0BAAAC,MAAA,CAAAC,IAAA,CAAAI,oBAAA,EAAAH,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,oBAAA,CAAAF,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAE,oBAAA,CAAAF,GAAA;AACA,IAAAG,MAAA,GAAAP,OAAA,YAAAC,MAAA,CAAAC,IAAA,CAAAK,MAAA,EAAAJ,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,MAAA,CAAAH,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAG,MAAA,CAAAH,GAAA","ignoreList":[]}

package/cjs/components/ResponsiveLayout/types.d.ts

@@ -1,11 +0,0 @@
-export type MediaQueriesType = Record<string, string>;
-export type EmptyObject = Record<never, never>;
-export interface ResponsiveLayoutOptions<MQ extends MediaQueriesType> {
-    customMediaQueries?: MQ;
-}
-export type ResponsiveLayoutFlags<T extends MediaQueriesType = EmptyObject> = {
-    [K in keyof T]?: boolean;
-} & ResponsiveLayoutFlagsInternal;
-export interface ResponsiveLayoutFlagsInternal {
-    isMobile: boolean;
-}

package/cjs/components/ResponsiveLayout/types.js

@@ -1 +0,0 @@
-"use strict";exports.__esModule = true;

package/cjs/components/ResponsiveLayout/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type MediaQueriesType = Record<string, string>;\nexport type EmptyObject = Record<never, never>;\n\nexport interface ResponsiveLayoutOptions<MQ extends MediaQueriesType> {\n  customMediaQueries?: MQ;\n}\n\nexport type ResponsiveLayoutFlags<T extends MediaQueriesType = EmptyObject> = {\n  [K in keyof T]?: boolean;\n} & ResponsiveLayoutFlagsInternal;\n\nexport interface ResponsiveLayoutFlagsInternal {\n  isMobile: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/cjs/components/ResponsiveLayout/useResponsiveLayout.d.ts

@@ -1,2 +0,0 @@
-import type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags, ResponsiveLayoutOptions } from './types';
-export declare function useResponsiveLayout<T extends MediaQueriesType = EmptyObject>({ customMediaQueries, }?: ResponsiveLayoutOptions<T>): ResponsiveLayoutFlags<T>;

package/cjs/components/ResponsiveLayout/useResponsiveLayout.js

@@ -1,78 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.useResponsiveLayout = useResponsiveLayout;var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("react");
-
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-
-
-var _ResponsiveLayoutEvents = require("./ResponsiveLayoutEvents");
-
-function useResponsiveLayout(_temp)
-
-{var _ref = _temp === void 0 ? {} : _temp,customMediaQueries = _ref.customMediaQueries;
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
-
-  var allMediaQueries = Object.entries((0, _extends3.default)({
-    isMobile: theme.mobileMediaQuery },
-  customMediaQueries)
-  ).map(function (_ref2) {var key = _ref2[0],value = _ref2[1];return {
-      flag: key,
-      query: value,
-      ref: /*#__PURE__*/(0, _react.createRef)()
-    };});
-
-  var getLayoutFromGlobal = function getLayoutFromGlobal() {
-    return allMediaQueries.reduce(
-      function (result, mediaQuery) {var _Object$assign;return Object.assign(result, (_Object$assign = {}, _Object$assign[mediaQuery.flag] = (0, _ResponsiveLayoutEvents.checkMatches)(mediaQuery.query), _Object$assign));},
-      {}
-    );
-  };
-
-  var _useState = (0, _react.useState)(getLayoutFromGlobal()),state = _useState[0],setState = _useState[1];
-
-  var prepareMediaQueries = (0, _react.useCallback)(function () {
-    if (!theme) {
-      return;
-    }
-
-    allMediaQueries.forEach(
-      function (mediaQuery) {return (
-          mediaQuery.ref.current = (0, _ResponsiveLayoutEvents.addResponsiveLayoutListener)(mediaQuery.query, checkLayoutsMediaQueries));}
-    );
-
-    // Checking for SSR use case
-    var globalLayout = getLayoutFromGlobal();
-    var hasChangedQuery = Object.entries(globalLayout).find(function (_ref3) {var key = _ref3[0],value = _ref3[1];return state[key] !== value;});
-
-    if (hasChangedQuery) {
-      setState(globalLayout);
-    }
-  }, [theme]);
-
-  var checkLayoutsMediaQueries = (0, _react.useCallback)(
-    function (e) {
-      if (!theme) {
-        return;
-      }
-
-      allMediaQueries.forEach(function (mediaQuery) {
-        if (e.media === mediaQuery.query) {
-          setState(function (prevState) {var _extends2;return (0, _extends3.default)({},
-            prevState, (_extends2 = {}, _extends2[
-            mediaQuery.flag] = e.matches, _extends2));}
-          );
-        }
-      });
-    },
-    [theme]
-  );
-
-  (0, _react.useEffect)(function () {
-    prepareMediaQueries();
-
-    return function () {
-      allMediaQueries.forEach(function (mediaQuery) {var _mediaQuery$ref$curre;return (_mediaQuery$ref$curre = mediaQuery.ref.current) == null ? void 0 : _mediaQuery$ref$curre.remove();});
-    };
-  }, []);
-
-  return state;
-}

package/cjs/components/ResponsiveLayout/useResponsiveLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_ThemeContext","_ResponsiveLayoutEvents","useResponsiveLayout","_temp","_ref","customMediaQueries","theme","useContext","ThemeContext","allMediaQueries","Object","entries","_extends3","default","isMobile","mobileMediaQuery","map","_ref2","key","value","flag","query","ref","createRef","getLayoutFromGlobal","reduce","result","mediaQuery","_Object$assign","assign","checkMatches","_useState","useState","state","setState","prepareMediaQueries","useCallback","forEach","current","addResponsiveLayoutListener","checkLayoutsMediaQueries","globalLayout","hasChangedQuery","find","_ref3","e","media","prevState","_extends2","matches","useEffect","_mediaQuery$ref$curre","remove"],"sources":["useResponsiveLayout.ts"],"sourcesContent":["import type React from 'react';\nimport { createRef, useCallback, useContext, useEffect, useState } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags, ResponsiveLayoutOptions } from './types';\nimport { addResponsiveLayoutListener, checkMatches } from './ResponsiveLayoutEvents';\n\nexport function useResponsiveLayout<T extends MediaQueriesType = EmptyObject>({\n  customMediaQueries,\n}: ResponsiveLayoutOptions<T> = {}) {\n  const theme = useContext(ThemeContext);\n\n  const allMediaQueries = Object.entries({\n    isMobile: theme.mobileMediaQuery,\n    ...customMediaQueries,\n  }).map(([key, value]) => ({\n    flag: key,\n    query: value,\n    ref: createRef() as React.MutableRefObject<{ remove: () => void } | null>,\n  }));\n\n  const getLayoutFromGlobal = (): ResponsiveLayoutFlags<T> => {\n    return allMediaQueries.reduce(\n      (result, mediaQuery) => Object.assign(result, { [mediaQuery.flag]: checkMatches(mediaQuery.query) }),\n      {},\n    ) as ResponsiveLayoutFlags<T>;\n  };\n\n  const [state, setState] = useState(getLayoutFromGlobal());\n\n  const prepareMediaQueries = useCallback(() => {\n    if (!theme) {\n      return;\n    }\n\n    allMediaQueries.forEach(\n      (mediaQuery) =>\n        (mediaQuery.ref.current = addResponsiveLayoutListener(mediaQuery.query, checkLayoutsMediaQueries)),\n    );\n\n    // Checking for SSR use case\n    const globalLayout = getLayoutFromGlobal();\n    const hasChangedQuery = Object.entries(globalLayout).find(([key, value]) => state[key] !== value);\n\n    if (hasChangedQuery) {\n      setState(globalLayout);\n    }\n  }, [theme]);\n\n  const checkLayoutsMediaQueries = useCallback(\n    (e: MediaQueryListEvent) => {\n      if (!theme) {\n        return;\n      }\n\n      allMediaQueries.forEach((mediaQuery) => {\n        if (e.media === mediaQuery.query) {\n          setState((prevState: ResponsiveLayoutFlags<T>) => ({\n            ...prevState,\n            [mediaQuery.flag]: e.matches,\n          }));\n        }\n      });\n    },\n    [theme],\n  );\n\n  useEffect(() => {\n    prepareMediaQueries();\n\n    return () => {\n      allMediaQueries.forEach((mediaQuery) => mediaQuery.ref.current?.remove());\n    };\n  }, []);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/ScrollContainer/ScrollBar.d.ts

@@ -1,51 +0,0 @@
-import React from 'react';
-import type { Nullable } from '../../typings/utility-types';
-import type { ScrollContainerProps } from './ScrollContainer';
-export type ScrollAxis = 'x' | 'y';
-export type ScrollBarScrollState = 'begin' | 'middle' | 'end';
-export interface ScrollBarState {
-    active: boolean;
-    hover: boolean;
-    scrollingByMouseDrag: boolean;
-    size: number;
-    pos: number;
-    scrollState: ScrollBarScrollState;
-}
-export interface ScrollBarProps {
-    /** Инвертирует цвет скроллбара. */
-    invert: boolean;
-    /** Задает ось скроллбара. */
-    axis: ScrollAxis;
-    /** Задает HTML-атрибут class. */
-    className?: string;
-    /** Задает функцию, которая вызывается при скролле. */
-    onScroll?: (axis: ScrollAxis, state: ScrollBarScrollState, prevState: ScrollBarScrollState) => void;
-    /** Задает отступ от края экрана. */
-    offset: ScrollContainerProps['offsetY'] | ScrollContainerProps['offsetX'];
-    /** Отключает анимацию. */
-    disableAnimations?: boolean;
-    /** Определяет, виден ли скроллбар. */
-    isVisible: boolean;
-}
-export declare class ScrollBar extends React.Component<ScrollBarProps, ScrollBarState> {
-    private inner;
-    private containerRef;
-    private theme;
-    node: Nullable<HTMLElement>;
-    state: ScrollBarState;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    render(): React.JSX.Element;
-    private renderMain;
-    reflow: () => void;
-    setInnerElement: (inner: Nullable<HTMLElement>) => void;
-    setHover(hover: boolean): void;
-    getHover(): boolean;
-    get scrollBarState(): ScrollBarScrollState;
-    private get scrollBarStyles();
-    private get scrollBarContainerClassNames();
-    private refScroll;
-    private handleScrollMouseDown;
-    private handleScrollWheel;
-    private getImmediateScrollState;
-}

package/cjs/components/ScrollContainer/ScrollBar.js

@@ -1,286 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ScrollBar = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _globalObject = require("@skbkontur/global-object");
-
-
-
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Emotion = require("../../lib/theming/Emotion");
-var _isInstanceOf = require("../../lib/isInstanceOf");
-
-var _ScrollContainer = require("./ScrollContainer.constants");
-var _ScrollContainer2 = require("./ScrollContainer.styles");
-var _ScrollContainer3 = require("./ScrollContainer.helpers");var
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-ScrollBar = exports.ScrollBar = /*#__PURE__*/function (_React$Component) {function ScrollBar() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-
-    containerRef = /*#__PURE__*/_react.default.createRef();_this.
-
-
-
-    state = (0, _extends2.default)({},
-    _ScrollContainer.defaultScrollbarState);_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    renderMain = function () {var _cx, _inlineStyles;
-      var state = _this.state;
-      var props = _this.props;
-
-      if (!state.active) {
-        return null;
-      }
-
-      var _scrollSizeParameters = _ScrollContainer.scrollSizeParametersNames[_this.props.axis],customScrollPos = _scrollSizeParameters.customScrollPos,customScrollSize = _scrollSizeParameters.customScrollSize;
-
-      var classNames = (0, _Emotion.cx)(props.className, _ScrollContainer2.styles.scrollBar(_this.theme), _this.scrollBarStyles, (_cx = {}, _cx[
-      _ScrollContainer2.styles.scrollBarInvert(_this.theme)] = props.invert, _cx[
-      _ScrollContainer2.styles.visibleScrollBar()] = props.isVisible, _cx)
-      );
-
-      var inlineStyles = (_inlineStyles = {}, _inlineStyles[
-      customScrollPos] = state.pos + "%", _inlineStyles[
-      customScrollSize] = state.size + "%", _inlineStyles);
-
-
-      return /*#__PURE__*/(
-        _react.default.createElement("div", { ref: _this.containerRef, className: _this.scrollBarContainerClassNames, style: props.offset }, /*#__PURE__*/
-        _react.default.createElement("div", {
-          ref: _this.refScroll,
-          style: inlineStyles,
-          className: classNames,
-          onMouseDown: _this.handleScrollMouseDown,
-          "data-tid": "ScrollContainer__ScrollBar-" + props.axis }
-        )
-        ));
-
-    };_this.
-
-    reflow = function () {
-      if (!_this.inner) {
-        return;
-      }
-
-      var props = _this.props;
-      var state = _this.state;
-
-      var _getScrollSizeParams = (0, _ScrollContainer3.getScrollSizeParams)(_this.inner, props.axis),scrollSize = _getScrollSizeParams.scrollSize,scrollPos = _getScrollSizeParams.scrollPos,scrollActive = _getScrollSizeParams.scrollActive;
-
-      if (!scrollActive && !state.active) {
-        return;
-      }
-
-      if (state.active !== scrollActive || state.size !== scrollSize || state.pos !== scrollPos) {
-        var scrollState = _this.getImmediateScrollState();
-
-        if (state.pos !== scrollPos) {
-          _this.props.onScroll == null || _this.props.onScroll(props.axis, scrollState, state.scrollState);
-        }
-
-        _this.setState((0, _extends2.default)({},
-        _this.state, {
-          active: scrollActive,
-          size: scrollSize,
-          pos: scrollPos,
-          scrollState: scrollState })
-        );
-      }
-    };_this.
-
-    setInnerElement = function (inner) {
-      _this.inner = inner;
-      _this.reflow();
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    refScroll = function (element) {
-      var handleScrollWheel = function handleScrollWheel(event) {return _this.handleScrollWheel(event, _this.props.axis);};
-
-      if (!_this.node && element) {
-        element.addEventListener('wheel', handleScrollWheel, { passive: false });
-      }
-      if (_this.node && !element) {
-        _this.node.removeEventListener('wheel', handleScrollWheel);
-      }
-      _this.node = element;
-    };_this.
-
-    handleScrollMouseDown = function (event) {
-      if (!_this.inner) {
-        return;
-      }
-
-      var _scrollSizeParameters2 = _ScrollContainer.scrollSizeParametersNames[_this.props.axis],offset = _scrollSizeParameters2.offset,size = _scrollSizeParameters2.size,pos = _scrollSizeParameters2.pos,coord = _scrollSizeParameters2.coord;
-
-      var initialCoord = event[coord];
-      var target = _globalObject.globalObject.document;
-      var initialScrollPos = _this.inner[pos];
-      var state = _this.state;
-
-      var mouseMove = function mouseMove(mouseMoveEvent) {
-        if (!_this.inner || !_this.containerRef.current) {
-          return;
-        }
-
-        var remainingScrollingContent = _this.inner[size] - _this.inner[offset];
-        var remainingScrollingSpace = _this.containerRef.current[offset] / 100 * (100 - state.size);
-
-        var ratio = remainingScrollingContent / remainingScrollingSpace;
-        var delta = (mouseMoveEvent[coord] - initialCoord) * ratio;
-
-        _this.inner[pos] = initialScrollPos + delta;
-
-        if (mouseMoveEvent.preventDefault) {
-          mouseMoveEvent.preventDefault();
-        }
-
-        if (Object.prototype.hasOwnProperty.call(mouseMoveEvent, 'returnValue')) {
-
-          mouseMoveEvent.
-
-
-          returnValue = false;
-        }
-      };
-
-      var mouseUp = function mouseUp() {
-        target == null || target.removeEventListener('mousemove', mouseMove);
-        target == null || target.removeEventListener('mouseup', mouseUp);
-        _this.setState((0, _extends2.default)({}, _this.state, { scrollingByMouseDrag: false }));
-      };
-
-      target == null || target.addEventListener('mousemove', mouseMove);
-      target == null || target.addEventListener('mouseup', mouseUp);
-      _this.setState((0, _extends2.default)({}, _this.state, { scrollingByMouseDrag: true }));
-
-      event.preventDefault();
-    };_this.
-
-    handleScrollWheel = function (event, axis) {
-      if (!_this.inner || !(0, _isInstanceOf.isInstanceOf)(event, _globalObject.globalObject.WheelEvent) || axis === 'x' && !event.shiftKey) {
-        return;
-      }
-
-      var _scrollSizeParameters3 = _ScrollContainer.scrollSizeParametersNames[axis],offset = _scrollSizeParameters3.offset,size = _scrollSizeParameters3.size,pos = _scrollSizeParameters3.pos;
-
-      var scrollSize = _this.inner[size];
-      var scrollPos = _this.inner[pos];
-      var offsetHeight = _this.inner[offset];
-
-      if (event.deltaY > 0 && scrollSize <= scrollPos + offsetHeight) {
-        return;
-      }
-      if (event.deltaY < 0 && scrollPos <= 0) {
-        return;
-      }
-
-      _this.inner[pos] += event.deltaY;
-
-      event.preventDefault();
-    };_this.
-
-    getImmediateScrollState = function () {
-      var _scrollSizeParameters4 = _ScrollContainer.scrollSizeParametersNames[_this.props.axis],pos = _scrollSizeParameters4.pos,size = _scrollSizeParameters4.size,clientSize = _scrollSizeParameters4.clientSize;
-
-      if (!_this.inner || _this.inner[pos] === 0) {
-        return 'begin';
-      }
-      // Zoom in Chrome causes problems
-      // https://github.com/skbkontur/retail-ui/pull/2705#issue-806286945
-      var maxScrollPos = _this.inner[size] - _this.inner[clientSize];
-      if (Math.abs(maxScrollPos - _this.inner[pos]) <= 1) {
-        return 'end';
-      }
-
-      return 'middle';
-    };return _this;}(0, _inheritsLoose2.default)(ScrollBar, _React$Component);var _proto = ScrollBar.prototype;_proto.componentDidMount = function componentDidMount() {this.reflow();};_proto.componentDidUpdate = function componentDidUpdate() {this.reflow();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.setHover = function setHover(hover) {if (this.state.active && this.state.hover !== hover) {this.setState((0, _extends2.default)({}, this.state, { hover: hover }));}};_proto.getHover = function getHover() {return this.state.hover;};return (0, _createClass2.default)(ScrollBar, [{ key: "scrollBarState", get: function get() {return this.state.scrollState;} }, { key: "scrollBarStyles", get: function get() {var _cx3;var state = this.state;if (this.props.axis === 'x') {var _cx2;return (0, _Emotion.cx)(_ScrollContainer2.styles.scrollBarX(this.theme), _ScrollContainer2.globalClasses.scrollbarX, (_cx2 = {}, _cx2[_ScrollContainer2.styles.scrollBarXHover(this.theme)] = state.hover || state.scrollingByMouseDrag, _cx2));}return (0, _Emotion.cx)(_ScrollContainer2.styles.scrollBarY(this.theme), _ScrollContainer2.globalClasses.scrollbarY, (_cx3 = {}, _cx3[_ScrollContainer2.styles.scrollBarYHover(this.theme)] = state.hover || state.scrollingByMouseDrag, _cx3));} }, { key: "scrollBarContainerClassNames", get: function get() {var axis = this.props.axis;if (axis === 'x') {return (0, _Emotion.cx)(_ScrollContainer2.globalClasses.scrollbarContainerX, _ScrollContainer2.styles.scrollBarContainerX(this.theme));}return (0, _Emotion.cx)(_ScrollContainer2.globalClasses.scrollbarContainerY, _ScrollContainer2.styles.scrollBarContainerY());} }]);}(_react.default.Component);

package/cjs/components/ScrollContainer/ScrollBar.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_ThemeContext","_Emotion","_isInstanceOf","_ScrollContainer","_ScrollContainer2","_ScrollContainer3","ScrollBar","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","containerRef","React","createRef","state","_extends2","default","defaultScrollbarState","renderMain","_cx","_inlineStyles","props","active","_scrollSizeParameters","scrollSizeParametersNames","axis","customScrollPos","customScrollSize","classNames","cx","className","styles","scrollBar","theme","scrollBarStyles","scrollBarInvert","invert","visibleScrollBar","isVisible","inlineStyles","pos","size","createElement","ref","scrollBarContainerClassNames","style","offset","refScroll","onMouseDown","handleScrollMouseDown","reflow","inner","_getScrollSizeParams","getScrollSizeParams","scrollSize","scrollPos","scrollActive","scrollState","getImmediateScrollState","onScroll","setState","setInnerElement","element","handleScrollWheel","event","node","addEventListener","passive","removeEventListener","_scrollSizeParameters2","coord","initialCoord","target","globalObject","document","initialScrollPos","mouseMove","mouseMoveEvent","current","remainingScrollingContent","remainingScrollingSpace","ratio","delta","preventDefault","Object","prototype","hasOwnProperty","returnValue","mouseUp","scrollingByMouseDrag","isInstanceOf","WheelEvent","shiftKey","_scrollSizeParameters3","offsetHeight","deltaY","_scrollSizeParameters4","clientSize","maxScrollPos","Math","abs","_inheritsLoose2","_proto","componentDidMount","componentDidUpdate","render","_this2","ThemeContext","Consumer","setHover","hover","getHover","_createClass2","key","get","_cx3","_cx2","scrollBarX","globalClasses","scrollbarX","scrollBarXHover","scrollBarY","scrollbarY","scrollBarYHover","scrollbarContainerX","scrollBarContainerX","scrollbarContainerY","scrollBarContainerY","Component"],"sources":["ScrollBar.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { defaultScrollbarState, scrollSizeParametersNames } from './ScrollContainer.constants';\nimport { styles, globalClasses } from './ScrollContainer.styles';\nimport { getScrollSizeParams } from './ScrollContainer.helpers';\nimport type { ScrollContainerProps } from './ScrollContainer';\n\nexport type ScrollAxis = 'x' | 'y';\nexport type ScrollBarScrollState = 'begin' | 'middle' | 'end';\n\nexport interface ScrollBarState {\n  active: boolean;\n  hover: boolean;\n  scrollingByMouseDrag: boolean;\n  size: number; // in percentages\n  pos: number; // in percentages\n  scrollState: ScrollBarScrollState;\n}\n\nexport interface ScrollBarProps {\n  /** Инвертирует цвет скроллбара. */\n  invert: boolean;\n\n  /** Задает ось скроллбара. */\n  axis: ScrollAxis;\n\n  /** Задает HTML-атрибут class. */\n  className?: string;\n\n  /** Задает функцию, которая вызывается при скролле. */\n  onScroll?: (axis: ScrollAxis, state: ScrollBarScrollState, prevState: ScrollBarScrollState) => void;\n\n  /** Задает отступ от края экрана. */\n  offset: ScrollContainerProps['offsetY'] | ScrollContainerProps['offsetX'];\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n\n  /** Определяет, виден ли скроллбар. */\n  isVisible: boolean;\n}\n\nexport class ScrollBar extends React.Component<ScrollBarProps, ScrollBarState> {\n  private inner: Nullable<HTMLElement>;\n  private containerRef = React.createRef<HTMLDivElement>();\n  private theme!: Theme;\n\n  public node: Nullable<HTMLElement>;\n  public state: ScrollBarState = {\n    ...defaultScrollbarState,\n  };\n\n  public componentDidMount() {\n    this.reflow();\n  }\n\n  public componentDidUpdate() {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const state = this.state;\n    const props = this.props;\n\n    if (!state.active) {\n      return null;\n    }\n\n    const { customScrollPos, customScrollSize } = scrollSizeParametersNames[this.props.axis];\n\n    const classNames = cx(props.className, styles.scrollBar(this.theme), this.scrollBarStyles, {\n      [styles.scrollBarInvert(this.theme)]: props.invert,\n      [styles.visibleScrollBar()]: props.isVisible,\n    });\n\n    const inlineStyles: React.CSSProperties = {\n      [customScrollPos]: `${state.pos}%`,\n      [customScrollSize]: `${state.size}%`,\n    };\n\n    return (\n      <div ref={this.containerRef} className={this.scrollBarContainerClassNames} style={props.offset}>\n        <div\n          ref={this.refScroll}\n          style={inlineStyles}\n          className={classNames}\n          onMouseDown={this.handleScrollMouseDown}\n          data-tid={`ScrollContainer__ScrollBar-${props.axis}`}\n        />\n      </div>\n    );\n  };\n\n  public reflow = () => {\n    if (!this.inner) {\n      return;\n    }\n\n    const props = this.props;\n    const state = this.state;\n\n    const { scrollSize, scrollPos, scrollActive } = getScrollSizeParams(this.inner, props.axis);\n\n    if (!scrollActive && !state.active) {\n      return;\n    }\n\n    if (state.active !== scrollActive || state.size !== scrollSize || state.pos !== scrollPos) {\n      const scrollState = this.getImmediateScrollState();\n\n      if (state.pos !== scrollPos) {\n        this.props.onScroll?.(props.axis, scrollState, state.scrollState);\n      }\n\n      this.setState({\n        ...this.state,\n        active: scrollActive,\n        size: scrollSize,\n        pos: scrollPos,\n        scrollState,\n      });\n    }\n  };\n\n  public setInnerElement = (inner: Nullable<HTMLElement>) => {\n    this.inner = inner;\n    this.reflow();\n  };\n\n  public setHover(hover: boolean) {\n    if (this.state.active && this.state.hover !== hover) {\n      this.setState({ ...this.state, hover });\n    }\n  }\n\n  public getHover() {\n    return this.state.hover;\n  }\n\n  public get scrollBarState() {\n    return this.state.scrollState;\n  }\n\n  private get scrollBarStyles() {\n    const state = this.state;\n\n    if (this.props.axis === 'x') {\n      return cx(styles.scrollBarX(this.theme), globalClasses.scrollbarX, {\n        [styles.scrollBarXHover(this.theme)]: state.hover || state.scrollingByMouseDrag,\n      });\n    }\n\n    return cx(styles.scrollBarY(this.theme), globalClasses.scrollbarY, {\n      [styles.scrollBarYHover(this.theme)]: state.hover || state.scrollingByMouseDrag,\n    });\n  }\n\n  private get scrollBarContainerClassNames() {\n    const { axis } = this.props;\n\n    if (axis === 'x') {\n      return cx(globalClasses.scrollbarContainerX, styles.scrollBarContainerX(this.theme));\n    }\n\n    return cx(globalClasses.scrollbarContainerY, styles.scrollBarContainerY());\n  }\n\n  private refScroll = (element: HTMLElement | null) => {\n    const handleScrollWheel = (event: Event) => this.handleScrollWheel(event, this.props.axis);\n\n    if (!this.node && element) {\n      element.addEventListener('wheel', handleScrollWheel, { passive: false });\n    }\n    if (this.node && !element) {\n      this.node.removeEventListener('wheel', handleScrollWheel);\n    }\n    this.node = element;\n  };\n\n  private handleScrollMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.inner) {\n      return;\n    }\n\n    const { offset, size, pos, coord } = scrollSizeParametersNames[this.props.axis];\n\n    const initialCoord = event[coord];\n    const target = globalObject.document;\n    const initialScrollPos = this.inner[pos];\n    const state = this.state;\n\n    const mouseMove = (mouseMoveEvent: MouseEvent) => {\n      if (!this.inner || !this.containerRef.current) {\n        return;\n      }\n\n      const remainingScrollingContent = this.inner[size] - this.inner[offset];\n      const remainingScrollingSpace = (this.containerRef.current[offset] / 100) * (100 - state.size);\n\n      const ratio = remainingScrollingContent / remainingScrollingSpace;\n      const delta = (mouseMoveEvent[coord] - initialCoord) * ratio;\n\n      this.inner[pos] = initialScrollPos + delta;\n\n      if (mouseMoveEvent.preventDefault) {\n        mouseMoveEvent.preventDefault();\n      }\n\n      if (Object.prototype.hasOwnProperty.call(mouseMoveEvent, 'returnValue')) {\n        (\n          mouseMoveEvent as MouseEvent & {\n            returnValue: boolean;\n          }\n        ).returnValue = false;\n      }\n    };\n\n    const mouseUp = () => {\n      target?.removeEventListener('mousemove', mouseMove);\n      target?.removeEventListener('mouseup', mouseUp);\n      this.setState({ ...this.state, scrollingByMouseDrag: false });\n    };\n\n    target?.addEventListener('mousemove', mouseMove);\n    target?.addEventListener('mouseup', mouseUp);\n    this.setState({ ...this.state, scrollingByMouseDrag: true });\n\n    event.preventDefault();\n  };\n\n  private handleScrollWheel = (event: Event, axis: ScrollAxis) => {\n    if (!this.inner || !isInstanceOf(event, globalObject.WheelEvent) || (axis === 'x' && !event.shiftKey)) {\n      return;\n    }\n\n    const { offset, size, pos } = scrollSizeParametersNames[axis];\n\n    const scrollSize = this.inner[size];\n    const scrollPos = this.inner[pos];\n    const offsetHeight = this.inner[offset];\n\n    if (event.deltaY > 0 && scrollSize <= scrollPos + offsetHeight) {\n      return;\n    }\n    if (event.deltaY < 0 && scrollPos <= 0) {\n      return;\n    }\n\n    this.inner[pos] += event.deltaY;\n\n    event.preventDefault();\n  };\n\n  private getImmediateScrollState = (): ScrollBarScrollState => {\n    const { pos, size, clientSize } = scrollSizeParametersNames[this.props.axis];\n\n    if (!this.inner || this.inner[pos] === 0) {\n      return 'begin';\n    }\n    // Zoom in Chrome causes problems\n    // https://github.com/skbkontur/retail-ui/pull/2705#issue-806286945\n    const maxScrollPos = this.inner[size] - this.inner[clientSize];\n    if (Math.abs(maxScrollPos - this.inner[pos]) <= 1) {\n      return 'end';\n    }\n\n    return 'middle';\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/ScrollContainer/ScrollContainer.constants.d.ts

@@ -1,23 +0,0 @@
-import type { ScrollBarState } from './ScrollBar';
-export declare const MIN_SCROLL_SIZE = 20;
-export declare const defaultScrollbarState: ScrollBarState;
-export declare const scrollSizeParametersNames: {
-    readonly x: {
-        readonly offset: "offsetWidth";
-        readonly size: "scrollWidth";
-        readonly pos: "scrollLeft";
-        readonly coord: "clientX";
-        readonly clientSize: "clientWidth";
-        readonly customScrollPos: "left";
-        readonly customScrollSize: "width";
-    };
-    readonly y: {
-        readonly offset: "offsetHeight";
-        readonly size: "scrollHeight";
-        readonly pos: "scrollTop";
-        readonly coord: "clientY";
-        readonly clientSize: "clientHeight";
-        readonly customScrollPos: "top";
-        readonly customScrollSize: "height";
-    };
-};