@skbkontur/react-ui 0.0.0-7dc91ef93e → 0.0.0-7f260475fb

package/components/Select/locale/index/index.js

@@ -1,8 +0,0 @@
-import { LocaleHelper } from "../../../../lib/locale/LocaleHelper";
-import { componentsLocales as en_GB } from "../locales/en";
-import { componentsLocales as ru_RU } from "../locales/ru";
-export * from "../types";
-export var SelectLocaleHelper = new LocaleHelper({
-  ru_RU: ru_RU,
-  en_GB: en_GB
-});

package/components/Select/locale/index/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","SelectLocaleHelper"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { SelectLocale } from './types';\n\nexport * from './types';\n\nexport const SelectLocaleHelper = new LocaleHelper<SelectLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,kCAAkC;;AAE/D,SAASC,iBAAiB,IAAIC,KAAK,QAAQ,cAAc;AACzD,SAASD,iBAAiB,IAAIE,KAAK,QAAQ,cAAc;;;AAGzD,cAAc,SAAS;;AAEvB,OAAO,IAAMC,kBAAkB,GAAG,IAAIJ,YAAY,CAAe;EAC/DG,KAAK,EAALA,KAAK;EACLD,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Select/locale/index/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../../cjs/components/Select/locale/index.js",
-  "module": "index",
-  "types": "../index.d.ts",
-  "sideEffects": false
-}

package/components/Select/locale/locales/en/en.js

@@ -1,3 +0,0 @@
-export var componentsLocales = {
-  placeholder: 'Nothing selected'
-};

package/components/Select/locale/locales/en/en.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["componentsLocales","placeholder"],"sources":["en.ts"],"sourcesContent":["import { SelectLocale } from '../types';\n\nexport const componentsLocales: SelectLocale = {\n  placeholder: 'Nothing selected',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAA+B,GAAG;EAC7CC,WAAW,EAAE;AACf,CAAC","ignoreList":[]}

package/components/Select/locale/locales/en/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../../../cjs/components/Select/locale/locales/en.js",
-  "module": "en",
-  "types": "../en.d.ts",
-  "sideEffects": false
-}

package/components/Select/locale/locales/ru/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../../../cjs/components/Select/locale/locales/ru.js",
-  "module": "ru",
-  "types": "../ru.d.ts",
-  "sideEffects": false
-}

package/components/Select/locale/locales/ru/ru.js

@@ -1,3 +0,0 @@
-export var componentsLocales = {
-  placeholder: 'Ничего не выбрано'
-};

package/components/Select/locale/locales/ru/ru.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["componentsLocales","placeholder"],"sources":["ru.ts"],"sourcesContent":["import { SelectLocale } from '../types';\n\nexport const componentsLocales: SelectLocale = {\n  placeholder: 'Ничего не выбрано',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAA+B,GAAG;EAC7CC,WAAW,EAAE;AACf,CAAC","ignoreList":[]}

package/components/Select/locale/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Select/locale/index.js",
-  "module": "index",
-  "types": "index.d.ts",
-  "sideEffects": false
-}

package/components/Select/locale/types/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../../cjs/components/Select/locale/types.js",
-  "module": "types",
-  "types": "../types.d.ts",
-  "sideEffects": false
-}

package/components/Select/locale/types/types.js

@@ -1 +0,0 @@
-export {};

package/components/Select/locale/types/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React from 'react';\n\nexport interface SelectLocale {\n  placeholder: React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/components/Select/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/components/Select/index.js",
-  "module": "index",
-  "types": "index.d.ts",
-  "sideEffects": false
-}

package/components/Select/selectTheme/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Select/selectTheme.js",
-  "module": "selectTheme",
-  "types": "../selectTheme.d.ts",
-  "sideEffects": false
-}

package/components/Select/selectTheme/selectTheme.js

@@ -1,36 +0,0 @@
-import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
-export var getSelectTheme = function getSelectTheme(theme, props) {
-  var baseTheme = ThemeFactory.create({
-    btnDefaultBg: theme.selectDefaultBg,
-    btnBorderWidth: theme.selectBorderWidth,
-    btnOutlineWidth: theme.selectOutlineWidth,
-    btnLineHeightSmall: theme.selectLineHeightSmall,
-    btnFontSizeSmall: theme.selectFontSizeSmall,
-    btnPaddingXSmall: props._icon ? theme.btnPaddingXSmall : theme.selectPaddingXSmall,
-    btnPaddingYSmall: theme.selectPaddingYSmall,
-    btnIconSizeSmall: theme.selectIconSizeSmall,
-    btnBorderRadiusSmall: theme.selectBorderRadiusSmall,
-    btnLinkHoverTextDecoration: 'none',
-    btnLineHeightMedium: theme.selectLineHeightMedium,
-    btnFontSizeMedium: theme.selectFontSizeMedium,
-    btnPaddingXMedium: props._icon ? theme.btnPaddingXMedium : theme.selectPaddingXMedium,
-    btnPaddingYMedium: theme.selectPaddingYMedium,
-    btnIconSizeMedium: theme.selectIconSizeMedium,
-    btnBorderRadiusMedium: theme.selectBorderRadiusMedium,
-    btnLineHeightLarge: theme.selectLineHeightLarge,
-    btnFontSizeLarge: theme.selectFontSizeLarge,
-    btnPaddingXLarge: props._icon ? theme.btnPaddingXLarge : theme.selectPaddingXLarge,
-    btnPaddingYLarge: theme.selectPaddingYLarge,
-    btnIconSizeLarge: theme.selectIconSizeLarge,
-    btnBorderRadiusLarge: theme.selectBorderRadiusLarge,
-    btnDisabledBg: theme.selectBgDisabled,
-    btnDisabledBorderColor: theme.selectBorderColorDisabled,
-    btnDisabledTextColor: theme.selectTextColorDisabled,
-    btnDefaultHoverBorderColor: theme.selectBorderColorHover,
-    btnBorderColorTransition: theme.selectBorderColorTransition
-  }, theme);
-  if (props.theme) {
-    return ThemeFactory.create(props.theme, baseTheme);
-  }
-  return baseTheme;
-};

package/components/Select/selectTheme/selectTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ThemeFactory","getSelectTheme","theme","props","baseTheme","create","btnDefaultBg","selectDefaultBg","btnBorderWidth","selectBorderWidth","btnOutlineWidth","selectOutlineWidth","btnLineHeightSmall","selectLineHeightSmall","btnFontSizeSmall","selectFontSizeSmall","btnPaddingXSmall","_icon","selectPaddingXSmall","btnPaddingYSmall","selectPaddingYSmall","btnIconSizeSmall","selectIconSizeSmall","btnBorderRadiusSmall","selectBorderRadiusSmall","btnLinkHoverTextDecoration","btnLineHeightMedium","selectLineHeightMedium","btnFontSizeMedium","selectFontSizeMedium","btnPaddingXMedium","selectPaddingXMedium","btnPaddingYMedium","selectPaddingYMedium","btnIconSizeMedium","selectIconSizeMedium","btnBorderRadiusMedium","selectBorderRadiusMedium","btnLineHeightLarge","selectLineHeightLarge","btnFontSizeLarge","selectFontSizeLarge","btnPaddingXLarge","selectPaddingXLarge","btnPaddingYLarge","selectPaddingYLarge","btnIconSizeLarge","selectIconSizeLarge","btnBorderRadiusLarge","selectBorderRadiusLarge","btnDisabledBg","selectBgDisabled","btnDisabledBorderColor","selectBorderColorDisabled","btnDisabledTextColor","selectTextColorDisabled","btnDefaultHoverBorderColor","selectBorderColorHover","btnBorderColorTransition","selectBorderColorTransition"],"sources":["selectTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { SelectProps } from './Select';\n\nexport const getSelectTheme = (theme: Theme, props: SelectProps<any, any>): Theme => {\n  const baseTheme = ThemeFactory.create(\n    {\n      btnDefaultBg: theme.selectDefaultBg,\n\n      btnBorderWidth: theme.selectBorderWidth,\n      btnOutlineWidth: theme.selectOutlineWidth,\n\n      btnLineHeightSmall: theme.selectLineHeightSmall,\n      btnFontSizeSmall: theme.selectFontSizeSmall,\n      btnPaddingXSmall: props._icon ? theme.btnPaddingXSmall : theme.selectPaddingXSmall,\n      btnPaddingYSmall: theme.selectPaddingYSmall,\n      btnIconSizeSmall: theme.selectIconSizeSmall,\n      btnBorderRadiusSmall: theme.selectBorderRadiusSmall,\n\n      btnLinkHoverTextDecoration: 'none',\n\n      btnLineHeightMedium: theme.selectLineHeightMedium,\n      btnFontSizeMedium: theme.selectFontSizeMedium,\n      btnPaddingXMedium: props._icon ? theme.btnPaddingXMedium : theme.selectPaddingXMedium,\n      btnPaddingYMedium: theme.selectPaddingYMedium,\n      btnIconSizeMedium: theme.selectIconSizeMedium,\n      btnBorderRadiusMedium: theme.selectBorderRadiusMedium,\n\n      btnLineHeightLarge: theme.selectLineHeightLarge,\n      btnFontSizeLarge: theme.selectFontSizeLarge,\n      btnPaddingXLarge: props._icon ? theme.btnPaddingXLarge : theme.selectPaddingXLarge,\n      btnPaddingYLarge: theme.selectPaddingYLarge,\n      btnIconSizeLarge: theme.selectIconSizeLarge,\n      btnBorderRadiusLarge: theme.selectBorderRadiusLarge,\n\n      btnDisabledBg: theme.selectBgDisabled,\n      btnDisabledBorderColor: theme.selectBorderColorDisabled,\n      btnDisabledTextColor: theme.selectTextColorDisabled,\n\n      btnDefaultHoverBorderColor: theme.selectBorderColorHover,\n      btnBorderColorTransition: theme.selectBorderColorTransition,\n    },\n    theme,\n  );\n\n  if (props.theme) {\n    return ThemeFactory.create(props.theme, baseTheme);\n  }\n\n  return baseTheme;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;;;AAK7D,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAY,EAAEC,KAA4B,EAAY;EACnF,IAAMC,SAAS,GAAGJ,YAAY,CAACK,MAAM;IACnC;MACEC,YAAY,EAAEJ,KAAK,CAACK,eAAe;;MAEnCC,cAAc,EAAEN,KAAK,CAACO,iBAAiB;MACvCC,eAAe,EAAER,KAAK,CAACS,kBAAkB;;MAEzCC,kBAAkB,EAAEV,KAAK,CAACW,qBAAqB;MAC/CC,gBAAgB,EAAEZ,KAAK,CAACa,mBAAmB;MAC3CC,gBAAgB,EAAEb,KAAK,CAACc,KAAK,GAAGf,KAAK,CAACc,gBAAgB,GAAGd,KAAK,CAACgB,mBAAmB;MAClFC,gBAAgB,EAAEjB,KAAK,CAACkB,mBAAmB;MAC3CC,gBAAgB,EAAEnB,KAAK,CAACoB,mBAAmB;MAC3CC,oBAAoB,EAAErB,KAAK,CAACsB,uBAAuB;;MAEnDC,0BAA0B,EAAE,MAAM;;MAElCC,mBAAmB,EAAExB,KAAK,CAACyB,sBAAsB;MACjDC,iBAAiB,EAAE1B,KAAK,CAAC2B,oBAAoB;MAC7CC,iBAAiB,EAAE3B,KAAK,CAACc,KAAK,GAAGf,KAAK,CAAC4B,iBAAiB,GAAG5B,KAAK,CAAC6B,oBAAoB;MACrFC,iBAAiB,EAAE9B,KAAK,CAAC+B,oBAAoB;MAC7CC,iBAAiB,EAAEhC,KAAK,CAACiC,oBAAoB;MAC7CC,qBAAqB,EAAElC,KAAK,CAACmC,wBAAwB;;MAErDC,kBAAkB,EAAEpC,KAAK,CAACqC,qBAAqB;MAC/CC,gBAAgB,EAAEtC,KAAK,CAACuC,mBAAmB;MAC3CC,gBAAgB,EAAEvC,KAAK,CAACc,KAAK,GAAGf,KAAK,CAACwC,gBAAgB,GAAGxC,KAAK,CAACyC,mBAAmB;MAClFC,gBAAgB,EAAE1C,KAAK,CAAC2C,mBAAmB;MAC3CC,gBAAgB,EAAE5C,KAAK,CAAC6C,mBAAmB;MAC3CC,oBAAoB,EAAE9C,KAAK,CAAC+C,uBAAuB;;MAEnDC,aAAa,EAAEhD,KAAK,CAACiD,gBAAgB;MACrCC,sBAAsB,EAAElD,KAAK,CAACmD,yBAAyB;MACvDC,oBAAoB,EAAEpD,KAAK,CAACqD,uBAAuB;;MAEnDC,0BAA0B,EAAEtD,KAAK,CAACuD,sBAAsB;MACxDC,wBAAwB,EAAExD,KAAK,CAACyD;IAClC,CAAC;IACDzD;EACF,CAAC;;EAED,IAAIC,KAAK,CAACD,KAAK,EAAE;IACf,OAAOF,YAAY,CAACK,MAAM,CAACF,KAAK,CAACD,KAAK,EAAEE,SAAS,CAAC;EACpD;;EAEA,OAAOA,SAAS;AAClB,CAAC","ignoreList":[]}

package/components/Select/tids/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Select/tids.js",
-  "module": "tids",
-  "types": "../tids.d.ts",
-  "sideEffects": false
-}

package/components/Select/tids/tids.js

@@ -1,5 +0,0 @@
-export var SelectDataTids = {
-  root: 'Select__root',
-  menu: 'Select__menu',
-  label: 'Select__label'
-};

package/components/Select/tids/tids.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SelectDataTids","root","menu","label"],"sources":["tids.ts"],"sourcesContent":["export const SelectDataTids = {\n  root: 'Select__root',\n  menu: 'Select__menu',\n  label: 'Select__label',\n} as const;\n"],"mappings":"AAAA,OAAO,IAAMA,cAAc,GAAG;EAC5BC,IAAI,EAAE,cAAc;EACpBC,IAAI,EAAE,cAAc;EACpBC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}

package/components/SidePage/SidePage/SidePage.js

@@ -1,314 +0,0 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import { CSSTransition } from 'react-transition-group';
-import FocusLock from 'react-focus-lock';
-import { globalObject } from '@skbkontur/global-object';
-import { isNonNullable } from "../../../lib/utils";
-import { isKeyEscape } from "../../../lib/events/keyboard/identifiers";
-import * as LayoutEvents from "../../../lib/LayoutEvents";
-import { stopPropagation } from "../../../lib/events/stopPropagation";
-import { HideBodyVerticalScroll } from "../../../internal/HideBodyVerticalScroll";
-import { ModalStack } from "../../../lib/ModalStack";
-import { RenderContainer } from "../../../internal/RenderContainer";
-import { RenderLayer } from "../../../internal/RenderLayer";
-import { ZIndex } from "../../../internal/ZIndex";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
-// import { isTestEnv } from '../../lib/currentEnvironment';
-import { ResponsiveLayout } from "../../ResponsiveLayout";
-import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { isInstanceOf } from "../../../lib/isInstanceOf";
-import { SidePageBody } from "../SidePageBody";
-import { SidePageContainer } from "../SidePageContainer";
-import { SidePageContext } from "../SidePageContext";
-import { SidePageFooter } from "../SidePageFooter";
-import { SidePageHeader } from "../SidePageHeader";
-import { styles } from "../SidePage.styles";
-export var SidePageDataTids = {
-  root: 'SidePage__root',
-  container: 'SidePage__container'
-};
-var TRANSITION_TIMEOUT = 200;
-
-/**
- * `SidePage` — это модальное окно, которое открывается поверх основной страницы и занимает всю высоту окна браузера.
- *
- * Используйте его, когда нужно сохранить контекст и показать большое количество данных.
- *
- * Содержит в себе три компоненты: `SidePage.Header`, `SidePage.Body` и `SidePage.Footer`.
- *
- * Для отображения серой плашки в футере в компонент `Footer` необходимо передать пропс `panel`.
- */
-export var SidePage = /*#__PURE__*/function (_React$Component) {
-  function SidePage() {
-    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.state = {
-      hasHeader: false,
-      hasFooter: false,
-      hasPanel: false
-    };
-    _this.stackSubscription = null;
-    _this.layout = null;
-    _this.header = null;
-    _this.footer = null;
-    _this.rootRef = /*#__PURE__*/React.createRef();
-
-    /**
-     * Обновляет разметку компонента.
-     * @public
-     */
-    _this.updateLayout = function () {
-      var _this$header, _this$footer;
-      (_this$header = _this.header) == null || _this$header.update();
-      (_this$footer = _this.footer) == null || _this$footer.update();
-    };
-    _this.getProps = createPropsGetter(SidePage.defaultProps);
-    _this.getSidePageContextProps = function () {
-      return {
-        hasHeader: _this.state.hasHeader,
-        hasFooter: _this.state.hasFooter,
-        hasPanel: _this.state.hasPanel,
-        requestClose: _this.requestClose,
-        getWidth: _this.getWidth,
-        updateLayout: _this.updateLayout,
-        headerRef: _this.headerRef,
-        footerRef: _this.footerRef,
-        setHasHeader: _this.setHasHeader,
-        setHasFooter: _this.setHasFooter,
-        setHasPanel: _this.setHasPanel
-      };
-    };
-    _this.getWidth = function () {
-      if (!_this.layout) {
-        return 'auto';
-      }
-      return _this.layout.clientWidth;
-    };
-    _this.handleStackChange = function (stack) {
-      var sidePages = stack.filter(function (x) {
-        return x instanceof SidePage && x.props.fromLeft === _this.props.fromLeft;
-      });
-      var currentSidePagePosition = sidePages.indexOf(_this);
-      var hasMargin = sidePages.length > 1 && currentSidePagePosition === sidePages.length - 1;
-      var hasShadow = sidePages.length < 3 || currentSidePagePosition > sidePages.length - 3;
-      var hasBackground = ModalStack.isBlocking(_this);
-      _this.setState({
-        stackPosition: stack.indexOf(_this),
-        hasMargin: hasMargin,
-        hasShadow: hasShadow,
-        hasBackground: hasBackground
-      });
-    };
-    _this.handleClickOutside = function (e) {
-      if (_this.state.stackPosition === 0 && !_this.props.ignoreBackgroundClick) {
-        // ignore mousedown on window scrollbar
-        if (isInstanceOf(e, globalObject.MouseEvent) && globalObject.document && e.clientX > globalObject.document.documentElement.clientWidth) {
-          return;
-        }
-        _this.requestClose();
-      }
-    };
-    _this.handleKeyDown = function (e) {
-      if (_this.state.stackPosition !== 0) {
-        return;
-      }
-      if (isKeyEscape(e)) {
-        stopPropagation(e);
-        _this.requestClose();
-      }
-    };
-    _this.requestClose = function () {
-      if (_this.props.disableClose) {
-        return;
-      }
-      if (_this.props.onClose) {
-        _this.props.onClose();
-      }
-    };
-    _this.headerRef = function (ref) {
-      _this.header = ref;
-    };
-    _this.footerRef = function (ref) {
-      _this.footer = ref;
-    };
-    _this.layoutRef = function (ref) {
-      _this.layout = ref;
-    };
-    _this.setHasHeader = function (hasHeader) {
-      if (hasHeader === void 0) {
-        hasHeader = true;
-      }
-      _this.state.hasHeader !== hasHeader && _this.setState({
-        hasHeader: hasHeader
-      });
-    };
-    _this.setHasFooter = function (hasFooter) {
-      if (hasFooter === void 0) {
-        hasFooter = true;
-      }
-      _this.state.hasFooter !== hasFooter && _this.setState({
-        hasFooter: hasFooter
-      });
-    };
-    _this.setHasPanel = function (hasPanel) {
-      if (hasPanel === void 0) {
-        hasPanel = false;
-      }
-      _this.state.hasPanel !== hasPanel && _this.setState({
-        hasPanel: hasPanel
-      });
-    };
-    return _this;
-  }
-  _inheritsLoose(SidePage, _React$Component);
-  var _proto = SidePage.prototype;
-  _proto.componentDidMount = function componentDidMount() {
-    globalObject.addEventListener == null || globalObject.addEventListener('keydown', this.handleKeyDown);
-    this.stackSubscription = ModalStack.add(this, this.handleStackChange);
-  };
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (prevProps.blockBackground !== this.props.blockBackground) {
-      ModalStack.rerender();
-      this.setState({
-        hasBackground: ModalStack.isBlocking(this)
-      });
-    }
-  };
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    globalObject.removeEventListener == null || globalObject.removeEventListener('keydown', this.handleKeyDown);
-    if (isNonNullable(this.stackSubscription)) {
-      this.stackSubscription.remove();
-    }
-    ModalStack.remove(this);
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-  _proto.renderMain = function renderMain() {
-    var _this3 = this;
-    var _this$props = this.props,
-      blockBackground = _this$props.blockBackground,
-      onOpened = _this$props.onOpened;
-    var disableAnimations = this.getProps().disableAnimations;
-    return /*#__PURE__*/React.createElement(ResponsiveLayout, null, function (_ref) {
-      var isMobile = _ref.isMobile;
-      return /*#__PURE__*/React.createElement(RenderContainer, null, /*#__PURE__*/React.createElement(CommonWrapper, _this3.props, /*#__PURE__*/React.createElement(ZIndex, {
-        priority: 'Sidepage',
-        onScroll: LayoutEvents.emit,
-        createStackingContext: true,
-        wrapperRef: _this3.rootRef,
-        style: {
-          position: 'absolute'
-        }
-      }, blockBackground && _this3.renderShadow(isMobile), /*#__PURE__*/React.createElement(CSSTransition, {
-        "in": true,
-        classNames: _this3.getTransitionNames(),
-        appear: !disableAnimations,
-        enter: !disableAnimations,
-        exit: false,
-        timeout: {
-          enter: TRANSITION_TIMEOUT,
-          exit: TRANSITION_TIMEOUT
-        },
-        nodeRef: _this3.rootRef,
-        onEntered: onOpened
-      }, _this3.renderContainer(isMobile)), isMobile && /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null))));
-    });
-  };
-  _proto.renderContainer = function renderContainer(isMobile) {
-    var _cx, _cx2;
-    var _this$props2 = this.props,
-      width = _this$props2.width,
-      blockBackground = _this$props2.blockBackground,
-      fromLeft = _this$props2.fromLeft,
-      ariaLabel = _this$props2['aria-label'];
-    var _this$getProps = this.getProps(),
-      offset = _this$getProps.offset,
-      role = _this$getProps.role;
-    return /*#__PURE__*/React.createElement("div", {
-      "aria-modal": true,
-      role: role,
-      "aria-label": ariaLabel,
-      "data-tid": SidePageDataTids.root,
-      className: cx((_cx = {}, _cx[styles.root()] = true, _cx[styles.mobileRoot()] = isMobile, _cx)),
-      onScroll: LayoutEvents.emit,
-      style: isMobile ? undefined : {
-        width: width || (blockBackground ? 800 : 500),
-        right: fromLeft ? 'auto' : offset,
-        left: fromLeft ? offset : 'auto'
-      }
-    }, /*#__PURE__*/React.createElement(FocusLock, {
-      disabled: this.isFocusLockDisabled,
-      autoFocus: false,
-      className: styles.focusLock()
-    }, /*#__PURE__*/React.createElement(RenderLayer, {
-      onClickOutside: this.handleClickOutside,
-      active: true
-    }, /*#__PURE__*/React.createElement("div", {
-      "data-tid": SidePageDataTids.container,
-      className: cx(styles.wrapper(this.theme), (_cx2 = {}, _cx2[styles.wrapperLeft()] = fromLeft, _cx2[styles.wrapperMarginLeft()] = this.state.hasMargin && fromLeft, _cx2[styles.wrapperMarginRight()] = this.state.hasMargin && !fromLeft, _cx2[styles.shadow(this.theme)] = this.state.hasShadow, _cx2)),
-      ref: this.layoutRef
-    }, /*#__PURE__*/React.createElement(SidePageContext.Provider, {
-      value: this.getSidePageContextProps()
-    }, this.props.children)))));
-  };
-  _proto.renderShadow = function renderShadow(isMobile) {
-    var _cx3;
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.overlay(),
-      onScroll: LayoutEvents.emit
-    }, !isMobile && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HideBodyVerticalScroll, {
-      key: "hbvs"
-    }), /*#__PURE__*/React.createElement("div", {
-      key: "overlay",
-      className: cx((_cx3 = {}, _cx3[styles.background()] = true, _cx3[styles.backgroundGray(this.theme)] = this.state.hasBackground, _cx3))
-    })));
-  };
-  _proto.getTransitionNames = function getTransitionNames() {
-    var transition = this.props.fromLeft ? styles.transitionRight : styles.transitionLeft;
-    return {
-      enter: transition(),
-      enterActive: styles.transitionActive(),
-      exit: styles.transitionLeave(),
-      exitActive: styles.transitionLeaveActive(),
-      appear: transition(),
-      appearActive: styles.transitionActive()
-    };
-  };
-  return _createClass(SidePage, [{
-    key: "isFocusLockDisabled",
-    get: function get() {
-      var _this$getProps2 = this.getProps(),
-        disableFocusLock = _this$getProps2.disableFocusLock;
-      var blockBackground = this.props.blockBackground;
-      if (!blockBackground) {
-        return true;
-      }
-      if (disableFocusLock !== undefined) {
-        return disableFocusLock;
-      }
-      return false;
-    }
-  }]);
-}(React.Component);
-SidePage.__KONTUR_REACT_UI__ = 'SidePage';
-SidePage.displayName = 'SidePage';
-SidePage.Header = SidePageHeader;
-SidePage.Body = SidePageBody;
-SidePage.Footer = SidePageFooter;
-SidePage.Container = SidePageContainer;
-SidePage.defaultProps = {
-  disableAnimations: true,
-  offset: 0,
-  role: 'dialog'
-};

package/components/SidePage/SidePage/SidePage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","CSSTransition","FocusLock","globalObject","isNonNullable","isKeyEscape","LayoutEvents","stopPropagation","HideBodyVerticalScroll","ModalStack","RenderContainer","RenderLayer","ZIndex","ThemeContext","CommonWrapper","cx","ResponsiveLayout","createPropsGetter","isInstanceOf","SidePageBody","SidePageContainer","SidePageContext","SidePageFooter","SidePageHeader","styles","SidePageDataTids","root","container","TRANSITION_TIMEOUT","SidePage","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","hasHeader","hasFooter","hasPanel","stackSubscription","layout","header","footer","rootRef","createRef","updateLayout","_this$header","_this$footer","update","getProps","defaultProps","getSidePageContextProps","requestClose","getWidth","headerRef","footerRef","setHasHeader","setHasFooter","setHasPanel","clientWidth","handleStackChange","stack","sidePages","filter","x","props","fromLeft","currentSidePagePosition","indexOf","hasMargin","hasShadow","hasBackground","isBlocking","setState","stackPosition","handleClickOutside","e","ignoreBackgroundClick","MouseEvent","document","clientX","documentElement","handleKeyDown","disableClose","onClose","ref","layoutRef","_inheritsLoose","_proto","prototype","componentDidMount","addEventListener","add","componentDidUpdate","prevProps","blockBackground","rerender","componentWillUnmount","removeEventListener","remove","render","_this2","createElement","Consumer","theme","renderMain","_this3","_this$props","onOpened","disableAnimations","_ref","isMobile","priority","onScroll","emit","createStackingContext","wrapperRef","style","position","renderShadow","classNames","getTransitionNames","appear","enter","exit","timeout","nodeRef","onEntered","renderContainer","_cx","_cx2","_this$props2","width","ariaLabel","_this$getProps","offset","role","className","mobileRoot","undefined","right","left","disabled","isFocusLockDisabled","autoFocus","focusLock","onClickOutside","active","wrapper","wrapperLeft","wrapperMarginLeft","wrapperMarginRight","shadow","Provider","value","children","_cx3","overlay","Fragment","key","background","backgroundGray","transition","transitionRight","transitionLeft","enterActive","transitionActive","transitionLeave","exitActive","transitionLeaveActive","appearActive","_createClass","get","_this$getProps2","disableFocusLock","Component","__KONTUR_REACT_UI__","displayName","Header","Body","Footer","Container"],"sources":["SidePage.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport FocusLock from 'react-focus-lock';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { stopPropagation } from '../../lib/events/stopPropagation';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\nimport { ModalStack, ModalStackSubscription } from '../../lib/ModalStack';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n// import { isTestEnv } from '../../lib/currentEnvironment';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { SidePageBody } from './SidePageBody';\nimport { SidePageContainer } from './SidePageContainer';\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\nimport { SidePageFooter } from './SidePageFooter';\nimport { SidePageHeader } from './SidePageHeader';\nimport { styles } from './SidePage.styles';\n\nexport interface SidePageProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-label'> {\n  /** Добавляет блокирующий фон, когда сайдпейдж открыт. */\n  blockBackground?: boolean;\n\n  /** Отключает событие onClose, также дизейблит кнопку закрытия сайдпейджа. */\n  disableClose?: boolean;\n\n  /** Оставляет окно открытым при клике на фон. */\n  ignoreBackgroundClick?: boolean;\n\n  /** Задает ширину сайдпейджа. */\n  width?: number | string;\n\n  /** Задает функцию, которая вызывается при запросе закрытия сайдпейджа пользователем (нажал на фон, на Escape или на крестик). */\n  onClose?: () => void;\n\n  /** Задает функцию, которая вызывается при завершении анимации открытия сайдпейджа. */\n  onOpened?: () => void;\n\n  /** Отображает сайдпэйдж слева. */\n  fromLeft?: boolean;\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n\n  /** Отключает фокус-лок внутри сайдпейджа.\n   * Работает только при заблокированном фоне: `blockBackground = true`.*/\n  disableFocusLock?: boolean;\n\n  /** Задает отступ от края экрана. */\n  offset?: number | string;\n}\n\nexport interface SidePageState {\n  stackPosition?: number;\n  hasMargin?: boolean;\n  hasShadow?: boolean;\n  hasBackground?: boolean;\n  hasHeader: boolean;\n  hasFooter: boolean;\n  hasPanel: boolean;\n}\n\nexport const SidePageDataTids = {\n  root: 'SidePage__root',\n  container: 'SidePage__container',\n} as const;\n\ntype DefaultProps = Required<Pick<SidePageProps, 'disableAnimations' | 'offset' | 'role'>>;\n\nconst TRANSITION_TIMEOUT = 200;\n\n/**\n * `SidePage` — это модальное окно, которое открывается поверх основной страницы и занимает всю высоту окна браузера.\n *\n * Используйте его, когда нужно сохранить контекст и показать большое количество данных.\n *\n * Содержит в себе три компоненты: `SidePage.Header`, `SidePage.Body` и `SidePage.Footer`.\n *\n * Для отображения серой плашки в футере в компонент `Footer` необходимо передать пропс `panel`.\n */\nexport class SidePage extends React.Component<SidePageProps, SidePageState> {\n  public static __KONTUR_REACT_UI__ = 'SidePage';\n  public static displayName = 'SidePage';\n\n  public static Header = SidePageHeader;\n  public static Body = SidePageBody;\n  public static Footer = SidePageFooter;\n  public static Container = SidePageContainer;\n  public state: SidePageState = {\n    hasHeader: false,\n    hasFooter: false,\n    hasPanel: false,\n  };\n  private theme!: Theme;\n  private stackSubscription: ModalStackSubscription | null = null;\n  private layout: HTMLElement | null = null;\n  private header: SidePageHeader | null = null;\n  private footer: SidePageFooter | null = null;\n  private rootRef = React.createRef<HTMLDivElement>();\n\n  public componentDidMount() {\n    globalObject.addEventListener?.('keydown', this.handleKeyDown);\n    this.stackSubscription = ModalStack.add(this, this.handleStackChange);\n  }\n\n  public componentDidUpdate(prevProps: SidePageProps) {\n    if (prevProps.blockBackground !== this.props.blockBackground) {\n      ModalStack.rerender();\n      this.setState({\n        hasBackground: ModalStack.isBlocking(this),\n      });\n    }\n  }\n\n  public componentWillUnmount() {\n    globalObject.removeEventListener?.('keydown', this.handleKeyDown);\n    if (isNonNullable(this.stackSubscription)) {\n      this.stackSubscription.remove();\n    }\n    ModalStack.remove(this);\n  }\n\n  /**\n   * Обновляет разметку компонента.\n   * @public\n   */\n  public updateLayout = (): void => {\n    this.header?.update();\n    this.footer?.update();\n  };\n\n  public static defaultProps: DefaultProps = {\n    disableAnimations: true,\n    offset: 0,\n    role: 'dialog',\n  };\n\n  private getProps = createPropsGetter(SidePage.defaultProps);\n\n  public render(): JSX.Element {\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 { blockBackground, onOpened } = this.props;\n    const disableAnimations = this.getProps().disableAnimations;\n    return (\n      <ResponsiveLayout>\n        {({ isMobile }) => (\n          <RenderContainer>\n            <CommonWrapper {...this.props}>\n              <ZIndex\n                priority={'Sidepage'}\n                onScroll={LayoutEvents.emit}\n                createStackingContext\n                wrapperRef={this.rootRef}\n                style={{ position: 'absolute' }}\n              >\n                {blockBackground && this.renderShadow(isMobile)}\n                <CSSTransition\n                  in\n                  classNames={this.getTransitionNames()}\n                  appear={!disableAnimations}\n                  enter={!disableAnimations}\n                  exit={false}\n                  timeout={{\n                    enter: TRANSITION_TIMEOUT,\n                    exit: TRANSITION_TIMEOUT,\n                  }}\n                  nodeRef={this.rootRef}\n                  onEntered={onOpened}\n                >\n                  {this.renderContainer(isMobile)}\n                </CSSTransition>\n                {isMobile && <HideBodyVerticalScroll />}\n              </ZIndex>\n            </CommonWrapper>\n          </RenderContainer>\n        )}\n      </ResponsiveLayout>\n    );\n  }\n\n  private get isFocusLockDisabled() {\n    const { disableFocusLock } = this.getProps();\n    const { blockBackground } = this.props;\n    if (!blockBackground) {\n      return true;\n    }\n    if (disableFocusLock !== undefined) {\n      return disableFocusLock;\n    }\n    return false;\n  }\n\n  private renderContainer(isMobile: boolean): JSX.Element {\n    const { width, blockBackground, fromLeft, 'aria-label': ariaLabel } = this.props;\n    const { offset, role } = this.getProps();\n\n    return (\n      <div\n        aria-modal\n        role={role}\n        aria-label={ariaLabel}\n        data-tid={SidePageDataTids.root}\n        className={cx({\n          [styles.root()]: true,\n          [styles.mobileRoot()]: isMobile,\n        })}\n        onScroll={LayoutEvents.emit}\n        style={\n          isMobile\n            ? undefined\n            : {\n                width: width || (blockBackground ? 800 : 500),\n                right: fromLeft ? 'auto' : offset,\n                left: fromLeft ? offset : 'auto',\n              }\n        }\n      >\n        <FocusLock disabled={this.isFocusLockDisabled} autoFocus={false} className={styles.focusLock()}>\n          <RenderLayer onClickOutside={this.handleClickOutside} active>\n            <div\n              data-tid={SidePageDataTids.container}\n              className={cx(styles.wrapper(this.theme), {\n                [styles.wrapperLeft()]: fromLeft,\n                [styles.wrapperMarginLeft()]: this.state.hasMargin && fromLeft,\n                [styles.wrapperMarginRight()]: this.state.hasMargin && !fromLeft,\n                [styles.shadow(this.theme)]: this.state.hasShadow,\n              })}\n              ref={this.layoutRef}\n            >\n              <SidePageContext.Provider value={this.getSidePageContextProps()}>\n                {this.props.children}\n              </SidePageContext.Provider>\n            </div>\n          </RenderLayer>\n        </FocusLock>\n      </div>\n    );\n  }\n\n  private getSidePageContextProps = (): SidePageContextType => {\n    return {\n      hasHeader: this.state.hasHeader,\n      hasFooter: this.state.hasFooter,\n      hasPanel: this.state.hasPanel,\n      requestClose: this.requestClose,\n      getWidth: this.getWidth,\n      updateLayout: this.updateLayout,\n      headerRef: this.headerRef,\n      footerRef: this.footerRef,\n      setHasHeader: this.setHasHeader,\n      setHasFooter: this.setHasFooter,\n      setHasPanel: this.setHasPanel,\n    };\n  };\n\n  private getWidth = () => {\n    if (!this.layout) {\n      return 'auto';\n    }\n    return this.layout.clientWidth;\n  };\n\n  private renderShadow(isMobile: boolean): JSX.Element {\n    return (\n      <div className={styles.overlay()} onScroll={LayoutEvents.emit}>\n        {!isMobile && (\n          <>\n            <HideBodyVerticalScroll key=\"hbvs\" />\n            <div\n              key=\"overlay\"\n              className={cx({\n                [styles.background()]: true,\n                [styles.backgroundGray(this.theme)]: this.state.hasBackground,\n              })}\n            />\n          </>\n        )}\n      </div>\n    );\n  }\n\n  private getTransitionNames(): Record<string, string> {\n    const transition = this.props.fromLeft ? styles.transitionRight : styles.transitionLeft;\n\n    return {\n      enter: transition(),\n      enterActive: styles.transitionActive(),\n      exit: styles.transitionLeave(),\n      exitActive: styles.transitionLeaveActive(),\n      appear: transition(),\n      appearActive: styles.transitionActive(),\n    };\n  }\n\n  private handleStackChange = (stack: readonly React.Component[]) => {\n    const sidePages = stack.filter((x) => x instanceof SidePage && x.props.fromLeft === this.props.fromLeft);\n    const currentSidePagePosition = sidePages.indexOf(this);\n\n    const hasMargin = sidePages.length > 1 && currentSidePagePosition === sidePages.length - 1;\n    const hasShadow = sidePages.length < 3 || currentSidePagePosition > sidePages.length - 3;\n    const hasBackground = ModalStack.isBlocking(this);\n\n    this.setState({\n      stackPosition: stack.indexOf(this),\n      hasMargin,\n      hasShadow,\n      hasBackground,\n    });\n  };\n\n  private handleClickOutside = (e: Event) => {\n    if (this.state.stackPosition === 0 && !this.props.ignoreBackgroundClick) {\n      // ignore mousedown on window scrollbar\n      if (\n        isInstanceOf(e, globalObject.MouseEvent) &&\n        globalObject.document &&\n        e.clientX > globalObject.document.documentElement.clientWidth\n      ) {\n        return;\n      }\n      this.requestClose();\n    }\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.state.stackPosition !== 0) {\n      return;\n    }\n    if (isKeyEscape(e)) {\n      stopPropagation(e);\n      this.requestClose();\n    }\n  };\n\n  private requestClose = () => {\n    if (this.props.disableClose) {\n      return;\n    }\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n  };\n\n  private headerRef = (ref: SidePageHeader | null) => {\n    this.header = ref;\n  };\n\n  private footerRef = (ref: SidePageFooter | null) => {\n    this.footer = ref;\n  };\n\n  private layoutRef = (ref: HTMLDivElement | null) => {\n    this.layout = ref;\n  };\n\n  private setHasHeader = (hasHeader = true) => {\n    this.state.hasHeader !== hasHeader && this.setState({ hasHeader });\n  };\n\n  private setHasFooter = (hasFooter = true) => {\n    this.state.hasFooter !== hasFooter && this.setState({ hasFooter });\n  };\n\n  private setHasPanel = (hasPanel = false) => {\n    this.state.hasPanel !== hasPanel && this.setState({ hasPanel });\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/SidePage/SidePage/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/SidePage/SidePage.js",
-  "module": "SidePage",
-  "types": "../SidePage.d.ts",
-  "sideEffects": false
-}

package/components/SidePage/SidePage.md

@@ -1,65 +0,0 @@
-### Базовый пример
-```jsx harmony
-import { Button } from '@skbkontur/react-ui';
-
-const [opened, setOpened] = React.useState(false);
-
-function renderSidePage() {
-  return (
-    <SidePage onClose={close} blockBackground>
-      <SidePage.Header>Title</SidePage.Header>
-      <SidePage.Body>
-        <div
-          style={{
-            background: `repeating-linear-gradient(
-                                60deg,
-                                #808080,
-                                #808080 20px,
-                                #d3d3d3 20px,
-                                #d3d3d3 40px
-                              )`,
-            height: 600,
-            padding: '20px 0',
-          }}
-        >
-          <SidePage.Container>
-            <p>Use rxjs operators with react hooks</p>
-          </SidePage.Container>
-        </div>
-      </SidePage.Body>
-      <SidePage.Footer panel>
-        <Button onClick={close}>Close</Button>
-      </SidePage.Footer>
-    </SidePage>
-  );
-}
-
-function open() {
-  setOpened(true);
-}
-
-function close() {
-  setOpened(false);
-}
-
-<div>
-  {opened && renderSidePage()}
-  <Button onClick={open}>Open</Button>
-</div>;
-```
-
-### Локали по умолчанию
-
-```typescript static
-interface SidePageLocale {
-  closeButtonAriaLabel?: string;
-}
-
-const ru_RU = {
-  closeButtonAriaLabel: 'Закрыть модальное окно'
-}
-
-const en_GB = {
-  closeButtonAriaLabel: 'Close modal window'
-}
-```