@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-cb270e7a13

package/components/Select/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Select.tsx"],"names":["React","PropTypes","ReactDOM","invariant","isKeyArrowDown","isKeyArrowUp","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","locale","Button","DropdownContainer","filterProps","Input","Link","Menu","MenuItem","MenuSeparator","RenderLayer","createPropsGetter","isFunction","cx","ThemeConsumer","Item","SelectLocaleHelper","styles","jsStyles","PASS_BUTTON_PROPS","disabled","error","use","size","warning","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","customUsePlaceholder","placeholder","params","diadocLinkIcon","renderLinkButton","buttonProps","align","_noPadding","active","_icon","Object","assign","_noRightPadding","icon","labelProps","className","labelWithLeftIcon","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\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 '../LocaleProvider/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 { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { Item } from './Item';\r\nimport { SelectLocale, SelectLocaleHelper } from './locale';\r\nimport styles from './Select.module.less';\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  /** @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      <ThemeConsumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeConsumer>\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={styles.root} 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: (\r\n        <span\r\n          className={cx({\r\n            [styles.customUsePlaceholder]: this.props.use !== 'default',\r\n          })}\r\n        >\r\n          {this.props.placeholder || this.locale.placeholder}\r\n        </span>\r\n      ),\r\n      isPlaceholder: true,\r\n    };\r\n  }\r\n\r\n  private renderDefaultButton(params: ButtonParams) {\r\n    if (this.props.diadocLinkIcon) {\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: cx({\r\n        [styles.label]: this.props.use !== 'link',\r\n        [styles.labelWithLeftIcon]: !!this.props._icon,\r\n        [styles.placeholder]: params.isPlaceholder,\r\n        [jsStyles.placeholder(this.theme)]: params.isPlaceholder,\r\n        [styles.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={styles.labelText}>{params.label}</span>\r\n        </span>\r\n        <div className={styles.arrowWrap}>\r\n          <div className={cx(styles.arrow, jsStyles.arrow(this.theme), useIsCustom && styles.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={styles.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.module.css

@@ -1,56 +0,0 @@
-:local .root {
-  display: inline-block;
-  position: relative;
-}
-:local .label {
-  box-sizing: border-box;
-  display: inline-block;
-  padding: 0 28px 0 9px;
-  max-width: 100%;
-  width: 100%;
-  position: relative;
-}
-:local .label.labelWithLeftIcon {
-  padding-left: 0;
-}
-:local .labelText {
-  display: inline-block;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  vertical-align: top;
-  white-space: nowrap;
-}
-:local .placeholder {
-  text-overflow: ellipsis;
-}
-:local .placeholder.customUsePlaceholder {
-  color: inherit;
-  opacity: 0.7;
-}
-:local .arrowWrap {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  padding: 0 10px;
-}
-:local .arrowWrap::before {
-  content: '';
-  display: inline-block;
-  height: 100%;
-  vertical-align: middle;
-}
-:local .arrowWrap .arrow {
-  display: inline-block;
-  margin-bottom: 3px;
-  vertical-align: middle;
-}
-:local .arrowWrap .arrow.customUseArrow {
-  color: inherit;
-  border-top-color: inherit;
-  opacity: 0.7;
-}
-:local .search {
-  margin: 1px 4px 4px;
-}

package/components/Select/Select.module.css.d.ts

@@ -1,14 +0,0 @@
-export interface ISelectModuleLess {
-  'root': string;
-  'label': string;
-  'labelWithLeftIcon': string;
-  'labelText': string;
-  'placeholder': string;
-  'customUsePlaceholder': string;
-  'arrowWrap': string;
-  'arrow': string;
-  'customUseArrow': string;
-  'search': string;
-}
-declare const styles: ISelectModuleLess;
-export default styles;

package/components/Select/Select.styles.js

@@ -1,21 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      .", " & {\n        border: 4px solid transparent;\n        border-bottom-width: 0;\n        border-top-color: ", ";\n      }\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css } from '../../lib/theming/Emotion';import
-
-
-styles from "./Select.module.css";
-
-export var jsStyles = {
-  placeholder: function placeholder(t) {
-    return css(_templateObject(),
-    t.sltPlaceholderColor);
-
-  },
-
-  arrow: function arrow(t) {
-    return css(_templateObject2(),
-    styles.arrowWrap,
-
-
-    t.btnMenuArrowColor);
-
-
-  } };

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Select.styles.ts"],"names":["css","styles","jsStyles","placeholder","t","sltPlaceholderColor","arrow","arrowWrap","btnMenuArrowColor"],"mappings":"2iBAAA,SAASA,GAAT,QAAoB,2BAApB,C;;;AAGOC,M;;AAEP,OAAO,IAAMC,QAAQ,GAAG;AACtBC,EAAAA,WADsB,uBACVC,CADU,EACA;AACpB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,mBADb;;AAGD,GALqB;;AAOtBC,EAAAA,KAPsB,iBAOhBF,CAPgB,EAON;AACd,WAAOJ,GAAP;AACKC,IAAAA,MAAM,CAACM,SADZ;;;AAIwBH,IAAAA,CAAC,CAACI,iBAJ1B;;;AAOD,GAfqB,EAAjB","sourcesContent":["import { css } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport styles from './Select.module.less';\r\n\r\nexport const jsStyles = {\r\n  placeholder(t: Theme) {\r\n    return css`\r\n      color: ${t.sltPlaceholderColor};\r\n    `;\r\n  },\r\n\r\n  arrow(t: Theme) {\r\n    return css`\r\n      .${styles.arrowWrap} & {\r\n        border: 4px solid transparent;\r\n        border-bottom-width: 0;\r\n        border-top-color: ${t.btnMenuArrowColor};\r\n      }\r\n    `;\r\n  },\r\n};\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 '../../LocaleProvider/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,mCAA7B;;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 '../../LocaleProvider/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/SidePage/SidePage.js

@@ -1,310 +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 { 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 { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';
-
-
-import { SidePageBody } from './SidePageBody';
-import { SidePageContainer } from './SidePageContainer';
-import { SidePageContext } from './SidePageContext';
-import { SidePageFooter } from './SidePageFooter';
-import { SidePageHeader } from './SidePageHeader';import
-styles from "./SidePage.module.css";
-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(ThemeConsumer, 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.getZIndexProps = function getZIndexProps() {var _cx;var _this$props = this.props,fromLeft = _this$props.fromLeft,blockBackground = _this$props.blockBackground;return { classes: cx(styles.root, (_cx = {}, _cx[styles.leftSide] = !!fromLeft, _cx)), style: blockBackground ? { width: '100%' } : undefined };};_proto.renderContainer = function renderContainer() {var _this3 = this;var _this$getZIndexProps = this.getZIndexProps(),classes = _this$getZIndexProps.classes,style = _this$getZIndexProps.style;return React.createElement(ZIndex, { priority: 'Sidepage', className: classes, onScroll: LayoutEvents.emit, style: style, createStackingContext: true }, React.createElement(RenderLayer, { onClickOutside: this.handleClickOutside, active: true }, React.createElement("div", { className: cx(styles.container, jsStyles.container(this.theme), this.state.hasShadow && jsStyles.shadow(this.theme)), style: this.getSidebarStyle() }, React.createElement("div", { ref: function ref(_) {return _this3.layoutRef = _;}, className: styles.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 _this$getZIndexProps2 = this.getZIndexProps(),classes = _this$getZIndexProps2.classes,style = _this$getZIndexProps2.style;var blockBackground = this.props.blockBackground;return React.createElement(ZIndex, { priority: 'Sidepage', className: classes, onScroll: LayoutEvents.emit, style: style }, blockBackground && [React.createElement(HideBodyVerticalScroll, { key: "hbvs" }), React.createElement("div", { key: "overlay", className: cx(styles.background, this.state.hasBackground && styles.gray) })]);};_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 direction = this.props.fromLeft ? 'right' : 'left';var transitionEnter = cx(styles['transition-enter-' + direction]);var transitionAppear = cx(styles['transition-appear-' + direction]);return { enter: transitionEnter, enterActive: styles['transition-enter-active'], exit: styles['transition-leave'], exitActive: styles['transition-leave-active'], appear: transitionAppear, appearActive: styles['transition-appear-active'] };};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","isKeyEscape","LayoutEvents","stopPropagation","HideBodyVerticalScroll","ModalStack","RenderContainer","RenderLayer","ZIndex","cx","ThemeConsumer","SidePageBody","SidePageContainer","SidePageContext","SidePageFooter","SidePageHeader","styles","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","getZIndexProps","fromLeft","blockBackground","classes","root","leftSide","style","undefined","emit","container","shadow","getSidebarStyle","_","layout","children","background","gray","sidePageStyle","marginLeft","marginRight","direction","transitionEnter","transitionAppear","enterActive","exitActive","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\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 { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\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 styles from './SidePage.module.less';\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\ninterface ZIndexPropsType {\r\n  classes?: string;\r\n  style?: React.CSSProperties;\r\n}\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      <ThemeConsumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeConsumer>\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 getZIndexProps(): ZIndexPropsType {\r\n    const { fromLeft, blockBackground } = this.props;\r\n    return {\r\n      classes: cx(styles.root, {\r\n        [styles.leftSide]: !!fromLeft,\r\n      }),\r\n      style: blockBackground ? { width: '100%' } : undefined,\r\n    };\r\n  }\r\n\r\n  private renderContainer(): JSX.Element {\r\n    const { classes, style } = this.getZIndexProps();\r\n\r\n    return (\r\n      <ZIndex\r\n        priority={'Sidepage'}\r\n        className={classes}\r\n        onScroll={LayoutEvents.emit}\r\n        style={style}\r\n        createStackingContext\r\n      >\r\n        <RenderLayer onClickOutside={this.handleClickOutside} active>\r\n          <div\r\n            className={cx(\r\n              styles.container,\r\n              jsStyles.container(this.theme),\r\n              this.state.hasShadow && jsStyles.shadow(this.theme),\r\n            )}\r\n            style={this.getSidebarStyle()}\r\n          >\r\n            <div ref={_ => (this.layoutRef = _)} className={styles.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 { classes, style } = this.getZIndexProps();\r\n    const { blockBackground } = this.props;\r\n\r\n    return (\r\n      <ZIndex priority={'Sidepage'} className={classes} onScroll={LayoutEvents.emit} style={style}>\r\n        {blockBackground && [\r\n          <HideBodyVerticalScroll key=\"hbvs\" />,\r\n          <div key=\"overlay\" className={cx(styles.background, this.state.hasBackground && styles.gray)} />,\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 direction: 'right' | 'left' = this.props.fromLeft ? 'right' : 'left';\r\n    const transitionEnter = cx(\r\n      styles[('transition-enter-' + direction) as 'transition-enter-left' | 'transition-enter-right'],\r\n    );\r\n    const transitionAppear = cx(\r\n      styles[('transition-appear-' + direction) as 'transition-appear-left' | 'transition-appear-right'],\r\n    );\r\n\r\n    return {\r\n      enter: transitionEnter,\r\n      enterActive: styles['transition-enter-active'],\r\n      exit: styles['transition-leave'],\r\n      exitActive: styles['transition-leave-active'],\r\n      appear: transitionAppear,\r\n      appearActive: styles['transition-appear-active'],\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"]}