@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-9294639913

package/components/Select/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Select.tsx"],"names":["React","PropTypes","ReactDOM","invariant","warning","cn","isKeyArrowDown","isKeyArrowUp","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","locale","Button","DropdownContainer","filterProps","Input","Link","Menu","MenuItem","MenuSeparator","RenderLayer","createPropsGetter","isFunction","ThemeContext","Item","SelectLocaleHelper","jsStyles","PASS_BUTTON_PROPS","disabled","error","use","size","onMouseEnter","onMouseLeave","onMouseOver","Select","state","opened","value","props","defaultValue","theme","menu","buttonElement","getProps","defaultProps","open","setState","onOpen","close","onClose","focus","dropdownContainerGetParent","findDOMNode","focusInput","input","refMenu","toggle","handleKey","e","preventDefault","up","down","enter","onKeyDown","handleSearch","searchPattern","buttonRef","element","getButton","buttonParams","button","_renderButton","renderDefaultButton","Children","only","isValidElement","cloneElement","ref","onFocus","onBlur","componentDidUpdate","_prevProps","prevState","window","addEventListener","removeEventListener","render","renderMain","renderLabel","label","isPlaceholder","onClick","style","width","maxWidth","undefined","root","renderMenu","getValue","item","getItemByValue","renderValue","placeholder","params","diadocLinkIcon","renderLinkButton","buttonProps","align","_noPadding","active","_icon","Object","assign","_noRightPadding","icon","labelProps","className","labelWithLeftIcon","customUsePlaceholder","paddingRight","useIsCustom","labelText","arrowWrap","arrow","customUseArrow","linkProps","_button","_buttonOpened","search","menuAlign","disablePortal","menuWidth","maxMenuHeight","mapItems","iValue","i","comment","key","areValuesEqual","select","bind","renderItem","onValueChange","fn","items","pattern","toLowerCase","result","index","entry","normalizeEntry","filterItem","push","itemValue","Component","__KONTUR_REACT_UI__","propTypes","func","any","bool","oneOfType","array","object","number","string","node","SEP","value1","value2","Array","isArray","indexOf"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReactDOM from 'react-dom';\r\nimport invariant from 'invariant';\r\nimport warning from 'warning';\r\nimport cn from 'classnames';\r\n\r\nimport {\r\n  isKeyArrowDown,\r\n  isKeyArrowUp,\r\n  isKeyArrowVertical,\r\n  isKeyEnter,\r\n  isKeyEscape,\r\n  isKeySpace,\r\n} from '../../lib/events/keyboard/identifiers';\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { Button, ButtonProps, ButtonSize, ButtonUse } from '../Button';\r\nimport { DropdownContainer } from '../DropdownContainer';\r\nimport { filterProps } from '../filterProps';\r\nimport { Input } from '../Input';\r\nimport { Link } from '../Link';\r\nimport { Menu } from '../Menu';\r\nimport { MenuItem } from '../MenuItem';\r\nimport { MenuSeparator } from '../MenuSeparator';\r\nimport { RenderLayer } from '../RenderLayer';\r\nimport { createPropsGetter } from '../internal/createPropsGetter';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { isFunction } from '../../lib/utils';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { Item } from './Item';\r\nimport { SelectLocale, SelectLocaleHelper } from './locale';\r\nimport { jsStyles } from './Select.styles';\r\n\r\nexport interface ButtonParams {\r\n  disabled?: boolean;\r\n  label: React.ReactNode;\r\n  onClick: () => void;\r\n  onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\r\n  opened: boolean;\r\n  isPlaceholder: boolean;\r\n}\r\n\r\nconst PASS_BUTTON_PROPS = {\r\n  disabled: true,\r\n  error: true,\r\n  use: true,\r\n  size: true,\r\n  warning: true,\r\n\r\n  onMouseEnter: true,\r\n  onMouseLeave: true,\r\n  onMouseOver: true,\r\n};\r\n\r\nexport interface SelectProps<TValue, TItem> {\r\n  /** @ignore */\r\n  _icon?: React.ReactElement<any>;\r\n  /** @ignore */\r\n  _renderButton?: (params: ButtonParams) => React.ReactNode;\r\n  defaultValue?: TValue;\r\n  /** @deprecated @ignore */\r\n  diadocLinkIcon?: React.ReactElement<any>;\r\n  disablePortal?: boolean;\r\n  disabled?: boolean;\r\n  error?: boolean;\r\n  filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;\r\n  items?: Array<[TValue, TItem, React.ReactNode?] | TItem | React.ReactElement<any> | (() => React.ReactElement<any>)>;\r\n  maxMenuHeight?: number;\r\n  maxWidth?: React.CSSProperties['maxWidth'];\r\n  menuAlign?: 'left' | 'right';\r\n  menuWidth?: React.CSSProperties['width'];\r\n  onValueChange?: (value: TValue) => void;\r\n  onClose?: () => void;\r\n  onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;\r\n  onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;\r\n  onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;\r\n  onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\r\n  onOpen?: () => void;\r\n  placeholder?: React.ReactNode;\r\n  renderItem?: (value: TValue, item?: TItem) => React.ReactNode;\r\n  renderValue?: (value: TValue, item?: TItem) => React.ReactNode;\r\n  areValuesEqual?: (value1: TValue, value2: TValue) => boolean;\r\n  search?: boolean;\r\n  value?: TValue;\r\n  width?: number | string;\r\n  warning?: boolean;\r\n  use?: ButtonUse;\r\n  size?: ButtonSize;\r\n  onFocus?: React.FocusEventHandler<HTMLElement>;\r\n  onBlur?: React.FocusEventHandler<HTMLElement>;\r\n}\r\n\r\nexport interface SelectState<TValue> {\r\n  opened: boolean;\r\n  searchPattern?: string;\r\n  value: Nullable<TValue>;\r\n}\r\n\r\ninterface FocusableReactElement extends React.ReactElement<any> {\r\n  focus: (event?: any) => void;\r\n}\r\n\r\n@locale('Select', SelectLocaleHelper)\r\nexport class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {\r\n  public static __KONTUR_REACT_UI__ = 'Select';\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Функция для сравнения `value` с элементом из `items`\r\n     */\r\n    areValuesEqual: PropTypes.func,\r\n\r\n    defaultValue: PropTypes.any,\r\n\r\n    /**\r\n     * Отключает использование портала\r\n     */\r\n    disablePortal: PropTypes.bool,\r\n\r\n    disabled: PropTypes.bool,\r\n\r\n    /**\r\n     * Визуально показать наличие ошибки.\r\n     */\r\n    error: PropTypes.bool,\r\n\r\n    filterItem: PropTypes.func,\r\n\r\n    /**\r\n     * Набор значений. Поддерживаются любые перечисляемые типы, в том числе\r\n     * `Array`, `Map`, `Immutable.Map`.\r\n     *\r\n     * Элементы воспринимаются следующим образом: если элемент — это массив, то\r\n     * первый элемент является значением , второй — отображается в списке,\r\n     * а третий – комментарий;\r\n     * если элемент не является массивом, то он используется и для отображения,\r\n     * и для значения.\r\n     *\r\n     * Для вставки разделителя можно использовать `Select.SEP`.\r\n     *\r\n     * Вставить невыделяемый элемент со своей разметкой можно так:\r\n     * ```\r\n     * <Select ...\r\n     *   items={[Select.static(() => <div>My Element</div>)]}\r\n     * />\r\n     * ```\r\n     *\r\n     * Чтобы добавить стандартный отступ для статического элемента:\r\n     * ```\r\n     * <Select.Item>My Element</Select.Item>\r\n     * ```?\r\n     */\r\n    items: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\r\n\r\n    maxMenuHeight: PropTypes.number,\r\n\r\n    maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\r\n    placeholder: PropTypes.node,\r\n\r\n    /**\r\n     * Функция для отрисовки элемента в выпадающем списке. Аргументы — *value*,\r\n     * *item*.\r\n     */\r\n    renderItem: PropTypes.func,\r\n\r\n    /**\r\n     * Функция для отрисовки выбранного элемента. Аргументы — *value*, *item*.\r\n     */\r\n    renderValue: PropTypes.func,\r\n\r\n    /**\r\n     * Показывать строку поиска в списке.\r\n     */\r\n    search: PropTypes.bool,\r\n\r\n    value: PropTypes.any,\r\n\r\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\r\n    onValueChange: PropTypes.func,\r\n\r\n    onMouseEnter: PropTypes.func,\r\n\r\n    onMouseLeave: PropTypes.func,\r\n\r\n    onMouseOver: PropTypes.func,\r\n\r\n    onKeyDown: PropTypes.func,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    renderValue,\r\n    renderItem,\r\n    areValuesEqual,\r\n    filterItem,\r\n    use: 'default',\r\n  };\r\n\r\n  public static Item = Item;\r\n  public static SEP = () => <MenuSeparator />;\r\n\r\n  public static static = (element: React.ReactNode | (() => React.ReactNode)) => {\r\n    invariant(\r\n      React.isValidElement(element) || typeof element === 'function',\r\n      'Select.static(element) expects element to be a valid react element.',\r\n    );\r\n    return element;\r\n  };\r\n\r\n  public state: SelectState<TValue> = {\r\n    opened: false,\r\n    value: this.props.defaultValue,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private readonly locale!: SelectLocale;\r\n  private menu: Nullable<Menu>;\r\n  private buttonElement: FocusableReactElement | null = null;\r\n  private getProps = createPropsGetter(Select.defaultProps);\r\n\r\n  public componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>) {\r\n    if (!prevState.opened && this.state.opened) {\r\n      window.addEventListener('popstate', this.close);\r\n    }\r\n    if (prevState.opened && !this.state.opened) {\r\n      window.removeEventListener('popstate', this.close);\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public open = () => {\r\n    if (!this.state.opened) {\r\n      this.setState({ opened: true });\r\n\r\n      if (this.props.onOpen) {\r\n        this.props.onOpen();\r\n      }\r\n    }\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public close = () => {\r\n    if (this.state.opened) {\r\n      this.setState({ opened: false });\r\n\r\n      if (this.props.onClose) {\r\n        this.props.onClose();\r\n      }\r\n    }\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus = () => {\r\n    if (this.buttonElement && this.buttonElement.focus) {\r\n      this.buttonElement.focus();\r\n    }\r\n  };\r\n\r\n  private renderMain() {\r\n    const { label, isPlaceholder } = this.renderLabel();\r\n\r\n    const buttonParams: ButtonParams = {\r\n      opened: this.state.opened,\r\n      label,\r\n      isPlaceholder,\r\n      onClick: this.toggle,\r\n      onKeyDown: this.handleKey,\r\n    };\r\n\r\n    const style = {\r\n      width: this.props.width,\r\n      maxWidth: this.props.maxWidth || undefined,\r\n    };\r\n\r\n    const button = this.getButton(buttonParams);\r\n\r\n    return (\r\n      <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active={this.state.opened}>\r\n        <span className={jsStyles.root(this.theme)} style={style}>\r\n          {button}\r\n          {!this.props.disabled && this.state.opened && this.renderMenu()}\r\n        </span>\r\n      </RenderLayer>\r\n    );\r\n  }\r\n\r\n  private renderLabel() {\r\n    const value = this.getValue();\r\n    const item = this.getItemByValue(value);\r\n\r\n    if (item != null || value != null) {\r\n      return {\r\n        label: this.getProps().renderValue(value, item),\r\n        isPlaceholder: false,\r\n      };\r\n    }\r\n\r\n    return {\r\n      label: <span>{this.props.placeholder || this.locale.placeholder}</span>,\r\n      isPlaceholder: true,\r\n    };\r\n  }\r\n\r\n  private renderDefaultButton(params: ButtonParams) {\r\n    if (this.props.diadocLinkIcon) {\r\n      warning(false, `diadocLinkIcon has been deprecated`);\r\n      return this.renderLinkButton(params);\r\n    }\r\n\r\n    const buttonProps: ButtonProps = {\r\n      ...filterProps(this.props, PASS_BUTTON_PROPS),\r\n      align: 'left' as React.CSSProperties['textAlign'],\r\n      disabled: this.props.disabled,\r\n      _noPadding: true,\r\n      width: '100%',\r\n      onClick: params.onClick,\r\n      onKeyDown: params.onKeyDown,\r\n      active: params.opened,\r\n    };\r\n\r\n    if (this.props._icon) {\r\n      Object.assign(buttonProps, {\r\n        _noPadding: false,\r\n        _noRightPadding: true,\r\n        icon: this.props._icon,\r\n      });\r\n    }\r\n\r\n    const labelProps = {\r\n      className: cn({\r\n        [jsStyles.label()]: this.props.use !== 'link',\r\n        [jsStyles.labelWithLeftIcon()]: !!this.props._icon,\r\n        [jsStyles.placeholder(this.theme)]: params.isPlaceholder,\r\n        [jsStyles.customUsePlaceholder()]: params.isPlaceholder && this.props.use !== 'default',\r\n      }),\r\n      style: {\r\n        paddingRight: (buttonProps.size === 'large' ? 31 : 28) + (this.props._icon ? 10 : 0),\r\n      },\r\n    };\r\n\r\n    const useIsCustom = this.props.use !== 'default';\r\n\r\n    return (\r\n      <Button {...buttonProps}>\r\n        <span {...labelProps}>\r\n          <span className={jsStyles.labelText()}>{params.label}</span>\r\n        </span>\r\n        <div className={jsStyles.arrowWrap()}>\r\n          <div className={cn(jsStyles.arrow(this.theme), useIsCustom && jsStyles.customUseArrow())} />\r\n        </div>\r\n      </Button>\r\n    );\r\n  }\r\n\r\n  private renderLinkButton(params: ButtonParams): React.ReactNode {\r\n    const linkProps = {\r\n      disabled: params.disabled,\r\n      icon: this.props.diadocLinkIcon,\r\n      _button: true,\r\n      _buttonOpened: params.opened,\r\n\r\n      onClick: params.onClick,\r\n      onKeyDown: params.onKeyDown,\r\n    };\r\n\r\n    return <Link {...linkProps}>{params.label}</Link>;\r\n  }\r\n\r\n  private renderMenu(): React.ReactNode {\r\n    const search = this.props.search ? (\r\n      <div className={jsStyles.search()}>\r\n        <Input ref={this.focusInput} onValueChange={this.handleSearch} />\r\n      </div>\r\n    ) : null;\r\n\r\n    const value = this.getValue();\r\n\r\n    return (\r\n      <DropdownContainer\r\n        getParent={this.dropdownContainerGetParent}\r\n        offsetY={-1}\r\n        align={this.props.menuAlign}\r\n        disablePortal={this.props.disablePortal}\r\n      >\r\n        <Menu\r\n          ref={this.refMenu}\r\n          width={this.props.menuWidth}\r\n          onItemClick={this.close}\r\n          maxHeight={this.props.maxMenuHeight}\r\n        >\r\n          {search}\r\n          {this.mapItems(\r\n            (iValue: TValue, item: TItem | (() => React.ReactNode), i: number, comment: Nullable<React.ReactNode>) => {\r\n              if (isFunction(item)) {\r\n                const element = item();\r\n\r\n                if (React.isValidElement(element)) {\r\n                  return React.cloneElement(element, { key: i });\r\n                }\r\n\r\n                return null;\r\n              }\r\n\r\n              if (React.isValidElement(item)) {\r\n                return React.cloneElement(item, { key: i });\r\n              }\r\n\r\n              return (\r\n                <MenuItem\r\n                  key={i}\r\n                  state={this.getProps().areValuesEqual(iValue, value) ? 'selected' : null}\r\n                  onClick={this.select.bind(this, iValue)}\r\n                  comment={comment}\r\n                >\r\n                  {this.getProps().renderItem(iValue, item)}\r\n                </MenuItem>\r\n              );\r\n            },\r\n          )}\r\n        </Menu>\r\n      </DropdownContainer>\r\n    );\r\n  }\r\n\r\n  private dropdownContainerGetParent = () => {\r\n    return ReactDOM.findDOMNode(this);\r\n  };\r\n\r\n  private focusInput = (input: Input) => {\r\n    if (input) {\r\n      input.focus();\r\n    }\r\n  };\r\n\r\n  private refMenu = (menu: Menu) => {\r\n    this.menu = menu;\r\n  };\r\n\r\n  private toggle = () => {\r\n    if (this.state.opened) {\r\n      this.close();\r\n    } else {\r\n      this.open();\r\n    }\r\n  };\r\n\r\n  private handleKey = (e: React.KeyboardEvent<HTMLElement>) => {\r\n    if (!this.state.opened) {\r\n      if (isKeySpace(e) || isKeyArrowVertical(e)) {\r\n        e.preventDefault();\r\n        this.open();\r\n      }\r\n    } else {\r\n      switch (true) {\r\n        case isKeyEscape(e):\r\n          this.focus();\r\n          this.close();\r\n          break;\r\n        case isKeyArrowUp(e):\r\n          e.preventDefault();\r\n          if (this.menu) {\r\n            this.menu.up();\r\n          }\r\n          break;\r\n        case isKeyArrowDown(e):\r\n          e.preventDefault();\r\n          if (this.menu) {\r\n            this.menu.down();\r\n          }\r\n          break;\r\n        case isKeyEnter(e):\r\n          e.preventDefault(); // To prevent form submission.\r\n          if (this.menu) {\r\n            this.menu.enter(e);\r\n          }\r\n          break;\r\n      }\r\n    }\r\n    if (this.props.onKeyDown) {\r\n      this.props.onKeyDown(e);\r\n    }\r\n  };\r\n\r\n  private handleSearch = (value: string) => {\r\n    this.setState({ searchPattern: value });\r\n  };\r\n\r\n  private select(value: TValue) {\r\n    this.focus();\r\n    this.setState({ opened: false, value });\r\n\r\n    if (this.props.onValueChange && !this.getProps().areValuesEqual(this.getValue(), value)) {\r\n      this.props.onValueChange(value);\r\n    }\r\n  }\r\n\r\n  private getValue() {\r\n    if (this.props.value !== undefined) {\r\n      return this.props.value;\r\n    }\r\n    return this.state.value;\r\n  }\r\n\r\n  private mapItems(fn: (value: TValue, item: TItem, index: number, comment?: string) => React.ReactNode) {\r\n    const { items } = this.props;\r\n    if (!items) {\r\n      return [];\r\n    }\r\n    const pattern = this.state.searchPattern && this.state.searchPattern.toLowerCase();\r\n\r\n    const result: React.ReactNodeArray = [];\r\n    let index = 0;\r\n    for (const entry of items) {\r\n      const [value, item, comment] = normalizeEntry(entry as TItem);\r\n\r\n      if (!pattern || this.getProps().filterItem(value, item, pattern)) {\r\n        result.push(fn(value, item, index, comment));\r\n        ++index;\r\n      }\r\n    }\r\n\r\n    return result;\r\n  }\r\n\r\n  private getItemByValue(value?: Nullable<TValue>) {\r\n    if (value === null || value === undefined) {\r\n      return null;\r\n    }\r\n\r\n    const items = this.props.items || [];\r\n\r\n    for (const entry of items) {\r\n      const [itemValue, item] = normalizeEntry(entry);\r\n\r\n      if (this.getProps().areValuesEqual(itemValue, value)) {\r\n        return item;\r\n      }\r\n    }\r\n    return null;\r\n  }\r\n\r\n  private buttonRef = (element: FocusableReactElement | null) => {\r\n    this.buttonElement = element;\r\n  };\r\n\r\n  private getButton = (buttonParams: ButtonParams) => {\r\n    const button = this.props._renderButton\r\n      ? this.props._renderButton(buttonParams)\r\n      : this.renderDefaultButton(buttonParams);\r\n\r\n    const buttonElement = React.Children.only(button);\r\n\r\n    return React.isValidElement(buttonElement)\r\n      ? React.cloneElement(buttonElement as React.ReactElement, {\r\n          ref: this.buttonRef,\r\n          onFocus: this.props.onFocus,\r\n          onBlur: this.props.onBlur,\r\n        })\r\n      : buttonElement;\r\n  };\r\n}\r\n\r\nfunction renderValue(value: any, item: any) {\r\n  return item;\r\n}\r\n\r\nfunction renderItem(value: any, item: any) {\r\n  return item;\r\n}\r\n\r\nfunction areValuesEqual(value1: any, value2: any) {\r\n  return value1 === value2;\r\n}\r\n\r\nfunction normalizeEntry(entry: any) {\r\n  if (Array.isArray(entry)) {\r\n    return entry;\r\n  } else {\r\n    return [entry, entry, undefined];\r\n  }\r\n}\r\n\r\nfunction filterItem(value: any, item: any, pattern: string) {\r\n  return item.toLowerCase().indexOf(pattern) !== -1;\r\n}\r\n"]}

package/components/Select/Select.md

@@ -1,23 +0,0 @@
-```jsx harmony
-let items = [Select.static(() => <Select.Item>Not selectable</Select.Item>), 'One', 'Two', 'Three', Select.SEP, 'Four'];
-
-let initialState = {};
-
-<Select items={items} value={state.value} onValueChange={value => setState({ value })} />;
-```
-
-#### Локали по умолчанию (см. `LocaleProvider`)
-
-```typescript
-interface SelectLocale {
-  placeholder?: React.ReactNode;
-}
-
-const ru_RU = {
-  placeholder: 'ничего не выбрано',
-};
-
-const en_GB = {
-  placeholder: 'nothing selected',
-};
-```

package/components/Select/Select.styles.js

@@ -1,100 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject10() {var data = _taggedTemplateLiteralLoose(["\n      margin: 1px 4px 4px;\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      max-width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      vertical-align: top;\n      white-space: nowrap;\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      display: inline-block;\n      padding: 0 28px 0 9px;\n      max-width: 100%;\n      width: 100%;\n      position: relative;\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = _taggedTemplateLiteralLoose(["\n      border-top-color: inherit;\n      color: inherit;\n      opacity: 0.7;\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      padding: 0 10px;\n\n      &::before {\n        content: '';\n        display: inline-block;\n        height: 100%;\n        vertical-align: middle;\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: ", ";\n\n      ", " & {\n        display: inline-block;\n        margin-bottom: 3px;\n        vertical-align: middle;\n      }\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      color: inherit;\n      opacity: 0.7;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      text-overflow: ellipsis;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: relative;\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';
-
-
-var styles = {
-  root: function root(t) {
-    return css(_templateObject());
-
-
-
-  },
-
-  placeholder: function placeholder(t) {
-    return css(_templateObject2(),
-    t.sltPlaceholderColor);
-
-
-  },
-
-  customUsePlaceholder: function customUsePlaceholder() {
-    return css(_templateObject3());
-
-
-
-  },
-
-  arrow: function arrow(t) {
-    return css(_templateObject4(),
-
-
-    t.btnMenuArrowColor,
-
-    cssName(styles.arrowWrap()));
-
-
-
-
-
-  },
-
-  arrowWrap: function arrowWrap() {
-    return css(_templateObject5());
-
-
-
-
-
-
-
-
-
-
-
-
-
-  },
-
-  customUseArrow: function customUseArrow() {
-    return css(_templateObject6());
-
-
-
-
-  },
-
-  label: function label() {
-    return css(_templateObject7());
-
-
-
-
-
-
-
-  },
-
-  labelText: function labelText() {
-    return css(_templateObject8());
-
-
-
-
-
-
-
-  },
-
-  labelWithLeftIcon: function labelWithLeftIcon() {
-    return css(_templateObject9());
-
-
-  },
-
-  search: function search() {
-    return css(_templateObject10());
-
-
-  } };
-
-
-export var jsStyles = memoizeStyle(styles);

package/components/Select/Select.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Select.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","placeholder","sltPlaceholderColor","customUsePlaceholder","arrow","btnMenuArrowColor","arrowWrap","customUseArrow","label","labelText","labelWithLeftIcon","search","jsStyles"],"mappings":"gqFAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOL,GAAP;;;;AAID,GANY;;AAQbM,EAAAA,WARa,uBAQDD,CARC,EAQS;AACpB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACE,mBADb;;;AAID,GAbY;;AAebC,EAAAA,oBAfa,kCAeU;AACrB,WAAOR,GAAP;;;;AAID,GApBY;;AAsBbS,EAAAA,KAtBa,iBAsBPJ,CAtBO,EAsBG;AACd,WAAOL,GAAP;;;AAGsBK,IAAAA,CAAC,CAACK,iBAHxB;;AAKIT,IAAAA,OAAO,CAACE,MAAM,CAACQ,SAAP,EAAD,CALX;;;;;;AAWD,GAlCY;;AAoCbA,EAAAA,SApCa,uBAoCD;AACV,WAAOX,GAAP;;;;;;;;;;;;;;AAcD,GAnDY;;AAqDbY,EAAAA,cArDa,4BAqDI;AACf,WAAOZ,GAAP;;;;;AAKD,GA3DY;;AA6Dba,EAAAA,KA7Da,mBA6DL;AACN,WAAOb,GAAP;;;;;;;;AAQD,GAtEY;;AAwEbc,EAAAA,SAxEa,uBAwED;AACV,WAAOd,GAAP;;;;;;;;AAQD,GAjFY;;AAmFbe,EAAAA,iBAnFa,+BAmFO;AAClB,WAAOf,GAAP;;;AAGD,GAvFY;;AAyFbgB,EAAAA,MAzFa,oBAyFJ;AACP,WAAOhB,GAAP;;;AAGD,GA7FY,EAAf;;;AAgGA,OAAO,IAAMiB,QAAQ,GAAGf,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  placeholder(t: Theme) {\r\n    return css`\r\n      color: ${t.sltPlaceholderColor};\r\n      text-overflow: ellipsis;\r\n    `;\r\n  },\r\n\r\n  customUsePlaceholder() {\r\n    return css`\r\n      color: inherit;\r\n      opacity: 0.7;\r\n    `;\r\n  },\r\n\r\n  arrow(t: Theme) {\r\n    return css`\r\n      border: 4px solid transparent;\r\n      border-bottom-width: 0;\r\n      border-top-color: ${t.btnMenuArrowColor};\r\n\r\n      ${cssName(styles.arrowWrap())} & {\r\n        display: inline-block;\r\n        margin-bottom: 3px;\r\n        vertical-align: middle;\r\n      }\r\n    `;\r\n  },\r\n\r\n  arrowWrap() {\r\n    return css`\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      right: 0;\r\n      padding: 0 10px;\r\n\r\n      &::before {\r\n        content: '';\r\n        display: inline-block;\r\n        height: 100%;\r\n        vertical-align: middle;\r\n      }\r\n    `;\r\n  },\r\n\r\n  customUseArrow() {\r\n    return css`\r\n      border-top-color: inherit;\r\n      color: inherit;\r\n      opacity: 0.7;\r\n    `;\r\n  },\r\n\r\n  label() {\r\n    return css`\r\n      box-sizing: border-box;\r\n      display: inline-block;\r\n      padding: 0 28px 0 9px;\r\n      max-width: 100%;\r\n      width: 100%;\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  labelText() {\r\n    return css`\r\n      display: inline-block;\r\n      max-width: 100%;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      vertical-align: top;\r\n      white-space: nowrap;\r\n    `;\r\n  },\r\n\r\n  labelWithLeftIcon() {\r\n    return css`\r\n      padding-left: 0;\r\n    `;\r\n  },\r\n\r\n  search() {\r\n    return css`\r\n      margin: 1px 4px 4px;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Select/index.js

@@ -1 +0,0 @@
-export * from './Select';

package/components/Select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from './Select';\r\n"]}

package/components/Select/locale/index.js

@@ -1,11 +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.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","SelectLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAAUC,iBAAiB,IAAIC,KAA/B,QAA4C,cAA5C;AACA,SAAUD,iBAAiB,IAAIE,KAA/B,QAA4C,cAA5C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,kBAAkB,GAAG,IAAIJ,YAAJ,CAA+B;AAC/DG,EAAAA,KAAK,EAALA,KAD+D;AAE/DD,EAAAA,KAAK,EAALA,KAF+D,EAA/B,CAA3B","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\r\n\r\nimport  { componentsLocales as en_GB } from './locales/en';\r\nimport  { componentsLocales as ru_RU } from './locales/ru';\r\nimport { SelectLocale } from './types';\r\n\r\nexport * from './types';\r\n\r\nexport const SelectLocaleHelper = new LocaleHelper<SelectLocale>({\r\n  ru_RU,\r\n  en_GB,\r\n});\r\n"]}

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/components/SidePage/SidePage.js

@@ -1,300 +0,0 @@
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import { CSSTransition } from 'react-transition-group';
-import cn from 'classnames';
-
-import { isKeyEscape } from '../../lib/events/keyboard/identifiers';
-import * as LayoutEvents from '../../lib/LayoutEvents';
-import { stopPropagation } from '../../lib/events/stopPropagation';
-import { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';
-import { ModalStack } from '../ModalStack';
-import { RenderContainer } from '../RenderContainer';
-import { RenderLayer } from '../RenderLayer';
-import { ZIndex } from '../ZIndex';
-import { ThemeContext } from '../../lib/theming/ThemeContext';
-
-
-import { SidePageBody } from './SidePageBody';
-import { SidePageContainer } from './SidePageContainer';
-import { SidePageContext } from './SidePageContext';
-import { SidePageFooter } from './SidePageFooter';
-import { SidePageHeader } from './SidePageHeader';
-import { jsStyles } from './SidePage.styles';
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var TRANSITION_TIMEOUT = 200;
-
-/**
-                               * Сайдпейдж
-                               *
-                               * Содержит в себе три компоненты: **SidePage.Header**,
-                               * **SidePage.Body** и **SidePage.Footer**
-                               *
-                               * Для отображения серой плашки в футере в компонент
-                               * **Footer** необходимо передать пропс **panel**
-                               */
-export var SidePage = /*#__PURE__*/function (_React$Component) {_inheritsLoose(SidePage, _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 = {};_this.
-    theme = void 0;_this.
-    stackSubscription = null;_this.
-    layoutRef = null;_this.
-    footer = null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    updateLayout = function () {
-      if (_this.footer) {
-        _this.footer.update();
-      }
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    getWidth = function () {
-      if (!_this.layoutRef) {
-        return 'auto';
-      }
-      return _this.layoutRef.getBoundingClientRect().width;
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    handleStackChange = function (stack) {
-      var sidePages = stack.filter(function (x) {return x instanceof SidePage;});
-      var currentSidePagePosition = sidePages.indexOf(_assertThisInitialized(_this));
-      var isSidePageOnStackTop = stack[0] instanceof SidePage;
-
-      var hasMargin = sidePages.length > 1 && currentSidePagePosition === sidePages.length - 1;
-      var hasShadow = sidePages.length < 3 || currentSidePagePosition > sidePages.length - 3;
-      var hasBackground = currentSidePagePosition === sidePages.length - 1 && isSidePageOnStackTop;
-
-      _this.setState({
-        stackPosition: stack.indexOf(_assertThisInitialized(_this)),
-        hasMargin: hasMargin,
-        hasShadow: hasShadow,
-        hasBackground: hasBackground });
-
-    };_this.
-
-    handleClickOutside = function () {
-      if (_this.state.stackPosition === 0 && !_this.props.ignoreBackgroundClick) {
-        _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.
-
-    footerRef = function (ref) {
-      _this.footer = ref;
-    };return _this;}var _proto = SidePage.prototype;_proto.componentDidMount = function componentDidMount() {window.addEventListener('keydown', this.handleKeyDown);this.stackSubscription = ModalStack.add(this, this.handleStackChange);};_proto.componentWillUnmount = function componentWillUnmount() {window.removeEventListener('keydown', this.handleKeyDown);if (this.stackSubscription != null) {this.stackSubscription.remove();}ModalStack.remove(this);} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * Обновляет разметку компонента.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */;_proto.render = function render() {var _this2 = this;return React.createElement(ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var disableAnimations = this.props.disableAnimations;return React.createElement(RenderContainer, null, React.createElement("div", null, this.renderShadow(), React.createElement(CSSTransition, { "in": true, classNames: this.getTransitionNames(), appear: !disableAnimations, enter: !disableAnimations, exit: false, timeout: { enter: TRANSITION_TIMEOUT, exit: TRANSITION_TIMEOUT } }, this.renderContainer())));};_proto.renderContainer = function renderContainer() {var _cn,_this3 = this;var fromLeft = this.props.fromLeft;return React.createElement(ZIndex, { priority: 'Sidepage', "data-tid": "SidePage__root", className: cn((_cn = {}, _cn[jsStyles.root()] = true, _cn[jsStyles.leftSide(this.theme)] = Boolean(fromLeft), _cn)), onScroll: LayoutEvents.emit, createStackingContext: true }, React.createElement(RenderLayer, { onClickOutside: this.handleClickOutside, active: true }, React.createElement("div", { "data-tid": "SidePage__container", className: cn(jsStyles.container(this.theme), this.state.hasShadow && jsStyles.shadow(this.theme)), style: this.getSidebarStyle() }, React.createElement("div", { ref: function ref(_) {return _this3.layoutRef = _;}, className: jsStyles.layout() }, React.createElement(SidePageContext.Provider, { value: { requestClose: this.requestClose, getWidth: this.getWidth, updateLayout: this.updateLayout, footerRef: this.footerRef } }, this.props.children)))));};_proto.renderShadow = function renderShadow() {var _cn2, _cn3;var _this$props = this.props,blockBackground = _this$props.blockBackground,fromLeft = _this$props.fromLeft;return React.createElement(ZIndex, { priority: 'Sidepage', className: cn((_cn2 = {}, _cn2[jsStyles.root()] = true, _cn2[jsStyles.leftSide(this.theme)] = Boolean(fromLeft), _cn2)), onScroll: LayoutEvents.emit }, blockBackground && [React.createElement(HideBodyVerticalScroll, { key: "hbvs" }), React.createElement("div", { key: "overlay", className: cn((_cn3 = {}, _cn3[jsStyles.background()] = true, _cn3[jsStyles.backgroundGray()] = this.state.hasBackground, _cn3)) })]);};_proto.getSidebarStyle = function getSidebarStyle() {var sidePageStyle = { width: this.props.width || (this.props.blockBackground ? 800 : 500) };if (this.state.hasMargin) {if (this.props.fromLeft) {sidePageStyle.marginLeft = 20;} else {sidePageStyle.marginRight = 20;}}return sidePageStyle;};_proto.getTransitionNames = function getTransitionNames() {var transition = this.props.fromLeft ? jsStyles.transitionRight : jsStyles.transitionLeft;return { enter: transition(), enterActive: jsStyles.transitionActive(), exit: jsStyles.transitionLeave(), exitActive: jsStyles.transitionLeaveActive(), appear: transition(), appearActive: jsStyles.transitionActive() };};return SidePage;}(React.Component);SidePage.__KONTUR_REACT_UI__ = 'SidePage';SidePage.Header = SidePageHeader;SidePage.Body = SidePageBody;SidePage.Footer = SidePageFooter;SidePage.Container = SidePageContainer;

package/components/SidePage/SidePage.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["SidePage.tsx"],"names":["React","CSSTransition","cn","isKeyEscape","LayoutEvents","stopPropagation","HideBodyVerticalScroll","ModalStack","RenderContainer","RenderLayer","ZIndex","ThemeContext","SidePageBody","SidePageContainer","SidePageContext","SidePageFooter","SidePageHeader","jsStyles","TRANSITION_TIMEOUT","SidePage","state","theme","stackSubscription","layoutRef","footer","updateLayout","update","getWidth","getBoundingClientRect","width","handleStackChange","stack","sidePages","filter","x","currentSidePagePosition","indexOf","isSidePageOnStackTop","hasMargin","length","hasShadow","hasBackground","setState","stackPosition","handleClickOutside","props","ignoreBackgroundClick","requestClose","handleKeyDown","e","disableClose","onClose","footerRef","ref","componentDidMount","window","addEventListener","add","componentWillUnmount","removeEventListener","remove","render","renderMain","disableAnimations","renderShadow","getTransitionNames","enter","exit","renderContainer","fromLeft","root","leftSide","Boolean","emit","container","shadow","getSidebarStyle","_","layout","children","blockBackground","background","backgroundGray","sidePageStyle","marginLeft","marginRight","transition","transitionRight","transitionLeft","enterActive","transitionActive","transitionLeave","exitActive","transitionLeaveActive","appear","appearActive","Component","__KONTUR_REACT_UI__","Header","Body","Footer","Container"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { CSSTransition } from 'react-transition-group';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { stopPropagation } from '../../lib/events/stopPropagation';\r\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\r\nimport { ModalStack, ModalStackSubscription } from '../ModalStack';\r\nimport { RenderContainer } from '../RenderContainer';\r\nimport { RenderLayer } from '../RenderLayer';\r\nimport { ZIndex } from '../ZIndex';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { SidePageBody } from './SidePageBody';\r\nimport { SidePageContainer } from './SidePageContainer';\r\nimport { SidePageContext } from './SidePageContext';\r\nimport { SidePageFooter } from './SidePageFooter';\r\nimport { SidePageHeader } from './SidePageHeader';\r\nimport { jsStyles } from './SidePage.styles';\r\n\r\nexport interface SidePageProps {\r\n  /**\r\n   * Добавить блокирующий фон, когда сайдпейдж открыт\r\n   */\r\n  blockBackground?: boolean;\r\n\r\n  /**\r\n   * Отключает событие onClose, также дизейблит кнопку закрытия сайдпейджа\r\n   */\r\n  disableClose?: boolean;\r\n\r\n  /**\r\n   * Не закрывать сайдпейдж при клике на фон.\r\n   */\r\n  ignoreBackgroundClick?: boolean;\r\n\r\n  /**\r\n   * Задать ширину сайдпейджа\r\n   */\r\n  width?: number | string;\r\n\r\n  /**\r\n   * Вызывается, когда пользователь запросил закрытие сайдпейджа (нажал на фон, на\r\n   * Escape или на крестик).\r\n   */\r\n  onClose?: () => void;\r\n\r\n  /**\r\n   * Показывать сайдпэйдж слева\r\n   *\r\n   */\r\n  fromLeft?: boolean;\r\n\r\n  /**\r\n   * Отключить анимации\r\n   *\r\n   */\r\n  disableAnimations?: boolean;\r\n}\r\n\r\nexport interface SidePageState {\r\n  stackPosition?: number;\r\n  hasMargin?: boolean;\r\n  hasShadow?: boolean;\r\n  hasBackground?: boolean;\r\n}\r\n\r\nconst TRANSITION_TIMEOUT = 200;\r\n\r\n/**\r\n * Сайдпейдж\r\n *\r\n * Содержит в себе три компоненты: **SidePage.Header**,\r\n * **SidePage.Body** и **SidePage.Footer**\r\n *\r\n * Для отображения серой плашки в футере в компонент\r\n * **Footer** необходимо передать пропс **panel**\r\n */\r\nexport class SidePage extends React.Component<SidePageProps, SidePageState> {\r\n  public static __KONTUR_REACT_UI__ = 'SidePage';\r\n\r\n  public static Header = SidePageHeader;\r\n  public static Body = SidePageBody;\r\n  public static Footer = SidePageFooter;\r\n  public static Container = SidePageContainer;\r\n  public state: SidePageState = {};\r\n  private theme!: Theme;\r\n  private stackSubscription: ModalStackSubscription | null = null;\r\n  private layoutRef: HTMLElement | null = null;\r\n  private footer: SidePageFooter | null = null;\r\n\r\n  public componentDidMount() {\r\n    window.addEventListener('keydown', this.handleKeyDown);\r\n    this.stackSubscription = ModalStack.add(this, this.handleStackChange);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    window.removeEventListener('keydown', this.handleKeyDown);\r\n    if (this.stackSubscription != null) {\r\n      this.stackSubscription.remove();\r\n    }\r\n    ModalStack.remove(this);\r\n  }\r\n\r\n  /**\r\n   * Обновляет разметку компонента.\r\n   * @public\r\n   */\r\n  public updateLayout = (): void => {\r\n    if (this.footer) {\r\n      this.footer.update();\r\n    }\r\n  };\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { disableAnimations } = this.props;\r\n\r\n    return (\r\n      <RenderContainer>\r\n        <div>\r\n          {this.renderShadow()}\r\n          <CSSTransition\r\n            in\r\n            classNames={this.getTransitionNames()}\r\n            appear={!disableAnimations}\r\n            enter={!disableAnimations}\r\n            exit={false}\r\n            timeout={{\r\n              enter: TRANSITION_TIMEOUT,\r\n              exit: TRANSITION_TIMEOUT,\r\n            }}\r\n          >\r\n            {this.renderContainer()}\r\n          </CSSTransition>\r\n        </div>\r\n      </RenderContainer>\r\n    );\r\n  }\r\n\r\n  private renderContainer(): JSX.Element {\r\n    const { fromLeft } = this.props;\r\n\r\n    return (\r\n      <ZIndex\r\n        priority={'Sidepage'}\r\n        data-tid=\"SidePage__root\"\r\n        className={cn({\r\n          [jsStyles.root()]: true,\r\n          [jsStyles.leftSide(this.theme)]: Boolean(fromLeft),\r\n        })}\r\n        onScroll={LayoutEvents.emit}\r\n        createStackingContext\r\n      >\r\n        <RenderLayer onClickOutside={this.handleClickOutside} active>\r\n          <div\r\n            data-tid=\"SidePage__container\"\r\n            className={cn(jsStyles.container(this.theme), this.state.hasShadow && jsStyles.shadow(this.theme))}\r\n            style={this.getSidebarStyle()}\r\n          >\r\n            <div ref={_ => (this.layoutRef = _)} className={jsStyles.layout()}>\r\n              <SidePageContext.Provider\r\n                value={{\r\n                  requestClose: this.requestClose,\r\n                  getWidth: this.getWidth,\r\n                  updateLayout: this.updateLayout,\r\n                  footerRef: this.footerRef,\r\n                }}\r\n              >\r\n                {this.props.children}\r\n              </SidePageContext.Provider>\r\n            </div>\r\n          </div>\r\n        </RenderLayer>\r\n      </ZIndex>\r\n    );\r\n  }\r\n\r\n  private getWidth = () => {\r\n    if (!this.layoutRef) {\r\n      return 'auto';\r\n    }\r\n    return this.layoutRef.getBoundingClientRect().width;\r\n  };\r\n\r\n  private renderShadow(): JSX.Element {\r\n    const { blockBackground, fromLeft } = this.props;\r\n\r\n    return (\r\n      <ZIndex\r\n        priority={'Sidepage'}\r\n        className={cn({\r\n          [jsStyles.root()]: true,\r\n          [jsStyles.leftSide(this.theme)]: Boolean(fromLeft),\r\n        })}\r\n        onScroll={LayoutEvents.emit}\r\n      >\r\n        {blockBackground && [\r\n          <HideBodyVerticalScroll key=\"hbvs\" />,\r\n          <div\r\n            key=\"overlay\"\r\n            className={cn({\r\n              [jsStyles.background()]: true,\r\n              [jsStyles.backgroundGray()]: this.state.hasBackground,\r\n            })}\r\n          />,\r\n        ]}\r\n      </ZIndex>\r\n    );\r\n  }\r\n\r\n  private getSidebarStyle(): React.CSSProperties {\r\n    const sidePageStyle: React.CSSProperties = {\r\n      width: this.props.width || (this.props.blockBackground ? 800 : 500),\r\n    };\r\n\r\n    if (this.state.hasMargin) {\r\n      if (this.props.fromLeft) {\r\n        sidePageStyle.marginLeft = 20;\r\n      } else {\r\n        sidePageStyle.marginRight = 20;\r\n      }\r\n    }\r\n\r\n    return sidePageStyle;\r\n  }\r\n\r\n  private getTransitionNames(): Record<string, string> {\r\n    const transition = this.props.fromLeft ? jsStyles.transitionRight : jsStyles.transitionLeft;\r\n\r\n    return {\r\n      enter: transition(),\r\n      enterActive: jsStyles.transitionActive(),\r\n      exit: jsStyles.transitionLeave(),\r\n      exitActive: jsStyles.transitionLeaveActive(),\r\n      appear: transition(),\r\n      appearActive: jsStyles.transitionActive(),\r\n    };\r\n  }\r\n\r\n  private handleStackChange = (stack: ReadonlyArray<React.Component>) => {\r\n    const sidePages = stack.filter(x => x instanceof SidePage);\r\n    const currentSidePagePosition = sidePages.indexOf(this);\r\n    const isSidePageOnStackTop = stack[0] instanceof SidePage;\r\n\r\n    const hasMargin = sidePages.length > 1 && currentSidePagePosition === sidePages.length - 1;\r\n    const hasShadow = sidePages.length < 3 || currentSidePagePosition > sidePages.length - 3;\r\n    const hasBackground = currentSidePagePosition === sidePages.length - 1 && isSidePageOnStackTop;\r\n\r\n    this.setState({\r\n      stackPosition: stack.indexOf(this),\r\n      hasMargin,\r\n      hasShadow,\r\n      hasBackground,\r\n    });\r\n  };\r\n\r\n  private handleClickOutside = () => {\r\n    if (this.state.stackPosition === 0 && !this.props.ignoreBackgroundClick) {\r\n      this.requestClose();\r\n    }\r\n  };\r\n\r\n  private handleKeyDown = (e: KeyboardEvent) => {\r\n    if (this.state.stackPosition !== 0) {\r\n      return;\r\n    }\r\n    if (isKeyEscape(e)) {\r\n      stopPropagation(e);\r\n      this.requestClose();\r\n    }\r\n  };\r\n\r\n  private requestClose = () => {\r\n    if (this.props.disableClose) {\r\n      return;\r\n    }\r\n    if (this.props.onClose) {\r\n      this.props.onClose();\r\n    }\r\n  };\r\n\r\n  private footerRef = (ref: SidePageFooter | null) => {\r\n    this.footer = ref;\r\n  };\r\n}\r\n"]}

package/components/SidePage/SidePage.md

@@ -1,48 +0,0 @@
-```jsx harmony
-import { Button } from '@skbkontur/react-ui';
-
-let initialState = { opened: false };
-
-function renderSidePage() {
-  return (
-    <SidePage onClose={close} blockBackground>
-      <SidePage.Header>Title</SidePage.Header>
-      <SidePage.Body>
-        <div
-          style={{
-            background: `repeating-linear-gradient(
-                          60deg,
-                          #fafafa,
-                          #fafafa 20px,
-                          #dfdede 20px,
-                          #dfdede 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() {
-  setState({ opened: true });
-}
-
-function close() {
-  setState({ opened: false });
-}
-
-<div>
-  {state.opened && renderSidePage()}
-  <Button onClick={open}>Open</Button>
-</div>;
-```