@skbkontur/react-ui 1.6.4 → 1.6.8-fixed-modal-stack

package/components/TopBar/README.md

@@ -1,112 +1,112 @@
-### Использование
-
-Рекомендуемое
-
-```jsx
-const BabyIcon = require('@skbkontur/react-icons/Baby').default;
-
-let pageStyle = {
-  background: '#e6e6e6',
-  height: 400,
-  border: '1px solid #dedfdf',
-  overflow: 'hidden',
-};
-
-let contentStyle = {
-  background: 'white',
-  padding: 15,
-  height: 280,
-};
-
-<div style={pageStyle}>
-  <TopBar>
-    <TopBar.Start>
-      <TopBar.ItemStatic>
-        <Logotype suffix="ui" withWidget />
-      </TopBar.ItemStatic>
-      <TopBar.Item>
-        <BabyIcon color="#666" />
-      </TopBar.Item>
-      <TopBar.Item>
-        <BabyIcon color="#666" />
-      </TopBar.Item>
-    </TopBar.Start>
-    <TopBar.End>
-      <TopBar.Item>
-        <BabyIcon color="#666" />
-      </TopBar.Item>
-      <TopBar.User userName="Alexander The Great" />
-      <TopBar.Divider />
-      <TopBar.Logout onClick={() => alert('Logout!')} />
-    </TopBar.End>
-  </TopBar>
-  <Loader active caption="neverending...">
-    <div style={contentStyle} />
-  </Loader>
-</div>;
-```
-
-Старый вариант. (Продуктовый виджет работает только у первого Logotype на странице)
-
-```jsx
-const BabyIcon = require('@skbkontur/react-icons/Baby').default;
-
-let Item = TopBar.Item;
-
-let pageStyle = {
-  background: '#e6e6e6',
-  height: 400,
-  border: '1px solid #dedfdf',
-  overflow: 'hidden',
-};
-
-let contentStyle = {
-  background: 'white',
-  padding: 15,
-  height: 280,
-};
-
-<div style={pageStyle}>
-  <TopBar
-    userName="Alexander The Great"
-    suffix="ui"
-    onLogout={() => alert('Logout!')}
-    leftItems={[
-      <Item>
-        <BabyIcon color="#666" />
-      </Item>,
-    ]}
-  />
-  <Loader active caption="neverending...">
-    <div style={contentStyle} />
-  </Loader>
-</div>;
-```
-
-#### Локали по умолчанию (см. `LocaleProvider`)
-
-```typescript
-interface TopBarLocale {
-  logout?: string;
-  cabinetTitle?: string;
-  cabinetSettings?: string;
-  cabinetCertificates?: string;
-  cabinetServices?: string;
-}
-
-const ru_RU = {
-  cabinetTitle: 'Личный кабинет Контура',
-  cabinetSettings: 'Настройка входа в сервисы',
-  cabinetCertificates: 'Сертификаты',
-  cabinetServices: 'Оплата сервисов',
-  logout: 'Выйти',
-};
-
-const en_GB = {
-  cabinetTitle: 'Personal account Kontur',
-  cabinetSettings: 'Configure login services',
-  cabinetCertificates: 'Certificates',
-  cabinetServices: 'Payment for services',
-  logout: 'Logout',
-};
-```
+### Использование
+
+Рекомендуемое
+
+```jsx
+const BabyIcon = require('@skbkontur/react-icons/Baby').default;
+
+let pageStyle = {
+  background: '#e6e6e6',
+  height: 400,
+  border: '1px solid #dedfdf',
+  overflow: 'hidden',
+};
+
+let contentStyle = {
+  background: 'white',
+  padding: 15,
+  height: 280,
+};
+
+<div style={pageStyle}>
+  <TopBar>
+    <TopBar.Start>
+      <TopBar.ItemStatic>
+        <Logotype suffix="ui" withWidget />
+      </TopBar.ItemStatic>
+      <TopBar.Item>
+        <BabyIcon color="#666" />
+      </TopBar.Item>
+      <TopBar.Item>
+        <BabyIcon color="#666" />
+      </TopBar.Item>
+    </TopBar.Start>
+    <TopBar.End>
+      <TopBar.Item>
+        <BabyIcon color="#666" />
+      </TopBar.Item>
+      <TopBar.User userName="Alexander The Great" />
+      <TopBar.Divider />
+      <TopBar.Logout onClick={() => alert('Logout!')} />
+    </TopBar.End>
+  </TopBar>
+  <Loader active caption="neverending...">
+    <div style={contentStyle} />
+  </Loader>
+</div>;
+```
+
+Старый вариант. (Продуктовый виджет работает только у первого Logotype на странице)
+
+```jsx
+const BabyIcon = require('@skbkontur/react-icons/Baby').default;
+
+let Item = TopBar.Item;
+
+let pageStyle = {
+  background: '#e6e6e6',
+  height: 400,
+  border: '1px solid #dedfdf',
+  overflow: 'hidden',
+};
+
+let contentStyle = {
+  background: 'white',
+  padding: 15,
+  height: 280,
+};
+
+<div style={pageStyle}>
+  <TopBar
+    userName="Alexander The Great"
+    suffix="ui"
+    onLogout={() => alert('Logout!')}
+    leftItems={[
+      <Item>
+        <BabyIcon color="#666" />
+      </Item>,
+    ]}
+  />
+  <Loader active caption="neverending...">
+    <div style={contentStyle} />
+  </Loader>
+</div>;
+```
+
+#### Локали по умолчанию (см. `LocaleProvider`)
+
+```typescript
+interface TopBarLocale {
+  logout?: string;
+  cabinetTitle?: string;
+  cabinetSettings?: string;
+  cabinetCertificates?: string;
+  cabinetServices?: string;
+}
+
+const ru_RU = {
+  cabinetTitle: 'Личный кабинет Контура',
+  cabinetSettings: 'Настройка входа в сервисы',
+  cabinetCertificates: 'Сертификаты',
+  cabinetServices: 'Оплата сервисов',
+  logout: 'Выйти',
+};
+
+const en_GB = {
+  cabinetTitle: 'Personal account Kontur',
+  cabinetSettings: 'Configure login services',
+  cabinetCertificates: 'Certificates',
+  cabinetServices: 'Payment for services',
+  logout: 'Logout',
+};
+```

package/components/TopBar/TopBar.d.ts

@@ -1,110 +1,110 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import ButtonItem from './ButtonItem';
-import Divider from './Divider';
-import Item from './Item';
-import Organizations from './Organizations';
-import TopBarDropdown from './TopBarDropdown';
-import User from './User';
-import '../ensureOldIEClassName';
-import Logout from './TopBarLogout';
-export interface TopBarProps {
-    children?: React.ReactNode;
-    color?: string;
-    cabinetUrl?: string;
-    leftItems?: Array<React.ReactElement<any>>;
-    logoComponent?: React.ComponentType<any> | string;
-    logoHref?: string;
-    maxWidth?: string | number;
-    noMargin?: boolean;
-    noShadow?: boolean;
-    noWidget?: boolean;
-    onLogout?: () => void;
-    rightItems?: Array<React.ReactElement<any>>;
-    suffix?: string;
-    userName?: string;
-}
-export interface TopBarDefaultProps {
-    maxWidth: string | number;
-    rightItems: Array<React.ReactElement<any>>;
-}
-/**
- * __DRAFT__
- *
- * Шапка
- *
- * `Item({children: node, iconOnly: bool, onClick: func})` – кликабельный элемент шапки
- *
- * `Divider()` – разделитель
- *
- * `Start({children: node})` – контейнер для элементов в начале шапки
- *
- * `End({children: node})` – контейнер для элементов в конце шапки
- *
- * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст
- *
- */
-declare class TopBar extends React.Component<TopBarProps> {
-    static Divider: typeof Divider;
-    static Item: typeof ButtonItem;
-    static Dropdown: typeof TopBarDropdown;
-    static OrganizationsDropdown: typeof Organizations;
-    static Start: React.FunctionComponent<{}>;
-    static End: React.FunctionComponent<{}>;
-    static ItemStatic: typeof Item;
-    static User: typeof User;
-    static Logout: typeof Logout;
-    static defaultProps: TopBarDefaultProps;
-    static propTypes: {
-        /**
-         * URL для кастомизации ссылок в меню пользователя
-         */
-        cabinetUrl: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Цвет логотипа
-         */
-        color: PropTypes.Requireable<string>;
-        leftItems: PropTypes.Requireable<(PropTypes.ReactElementLike | null | undefined)[]>;
-        /**
-         * Компонент используемый для рендеринга ссылки.
-         * Нужно переопределить если вы хотите подставить ссылку для роутера
-         */
-        logoComponent: PropTypes.Requireable<any>;
-        logoHref: PropTypes.Requireable<string>;
-        /**
-         * Максимальная ширина контейнера в шапке
-         */
-        maxWidth: PropTypes.Requireable<string | number>;
-        /**
-         * Отключает отступ снизу
-         */
-        noMargin: PropTypes.Requireable<boolean>;
-        /**
-         * Отключает тень
-         */
-        noShadow: PropTypes.Requireable<boolean>;
-        /**
-         * Отключает виджет
-         */
-        noWidget: PropTypes.Requireable<boolean>;
-        rightItems: PropTypes.Requireable<(PropTypes.ReactElementLike | null | undefined)[]>;
-        /**
-         * Суффикс логотипа
-         */
-        suffix: PropTypes.Requireable<string>;
-        /**
-         * Имя пользователя
-         */
-        userName: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Функция выхода
-         */
-        onLogout: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    private theme;
-    render(): JSX.Element;
-    private renderMain;
-    private _renderItems;
-}
-export default TopBar;
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+import ButtonItem from './ButtonItem';
+import Divider from './Divider';
+import Item from './Item';
+import Organizations from './Organizations';
+import TopBarDropdown from './TopBarDropdown';
+import User from './User';
+import '../ensureOldIEClassName';
+import Logout from './TopBarLogout';
+export interface TopBarProps {
+    children?: React.ReactNode;
+    color?: string;
+    cabinetUrl?: string;
+    leftItems?: Array<React.ReactElement<any>>;
+    logoComponent?: React.ComponentType<any> | string;
+    logoHref?: string;
+    maxWidth?: string | number;
+    noMargin?: boolean;
+    noShadow?: boolean;
+    noWidget?: boolean;
+    onLogout?: () => void;
+    rightItems?: Array<React.ReactElement<any>>;
+    suffix?: string;
+    userName?: string;
+}
+export interface TopBarDefaultProps {
+    maxWidth: string | number;
+    rightItems: Array<React.ReactElement<any>>;
+}
+/**
+ * __DRAFT__
+ *
+ * Шапка
+ *
+ * `Item({children: node, iconOnly: bool, onClick: func})` – кликабельный элемент шапки
+ *
+ * `Divider()` – разделитель
+ *
+ * `Start({children: node})` – контейнер для элементов в начале шапки
+ *
+ * `End({children: node})` – контейнер для элементов в конце шапки
+ *
+ * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст
+ *
+ */
+declare class TopBar extends React.Component<TopBarProps> {
+    static Divider: typeof Divider;
+    static Item: typeof ButtonItem;
+    static Dropdown: typeof TopBarDropdown;
+    static OrganizationsDropdown: typeof Organizations;
+    static Start: React.FunctionComponent<{}>;
+    static End: React.FunctionComponent<{}>;
+    static ItemStatic: typeof Item;
+    static User: typeof User;
+    static Logout: typeof Logout;
+    static defaultProps: TopBarDefaultProps;
+    static propTypes: {
+        /**
+         * URL для кастомизации ссылок в меню пользователя
+         */
+        cabinetUrl: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Цвет логотипа
+         */
+        color: PropTypes.Requireable<string>;
+        leftItems: PropTypes.Requireable<(PropTypes.ReactElementLike | null | undefined)[]>;
+        /**
+         * Компонент используемый для рендеринга ссылки.
+         * Нужно переопределить если вы хотите подставить ссылку для роутера
+         */
+        logoComponent: PropTypes.Requireable<any>;
+        logoHref: PropTypes.Requireable<string>;
+        /**
+         * Максимальная ширина контейнера в шапке
+         */
+        maxWidth: PropTypes.Requireable<string | number>;
+        /**
+         * Отключает отступ снизу
+         */
+        noMargin: PropTypes.Requireable<boolean>;
+        /**
+         * Отключает тень
+         */
+        noShadow: PropTypes.Requireable<boolean>;
+        /**
+         * Отключает виджет
+         */
+        noWidget: PropTypes.Requireable<boolean>;
+        rightItems: PropTypes.Requireable<(PropTypes.ReactElementLike | null | undefined)[]>;
+        /**
+         * Суффикс логотипа
+         */
+        suffix: PropTypes.Requireable<string>;
+        /**
+         * Имя пользователя
+         */
+        userName: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Функция выхода
+         */
+        onLogout: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    private theme;
+    render(): JSX.Element;
+    private renderMain;
+    private _renderItems;
+}
+export default TopBar;

package/components/TopBar/TopBar.js

@@ -18,21 +18,21 @@ var TopBarLogout_1 = tslib_1.__importDefault(require("./TopBarLogout"));
 var Emotion_1 = require("../../lib/theming/Emotion");
 var TopBar_styles_1 = tslib_1.__importDefault(require("./TopBar.styles"));
 var ThemeConsumer_1 = require("../ThemeConsumer");
-/**
-                                                    * __DRAFT__
-                                                    *
-                                                    * Шапка
-                                                    *
-                                                    * `Item({children: node, iconOnly: bool, onClick: func})` – кликабельный элемент шапки
-                                                    *
-                                                    * `Divider()` – разделитель
-                                                    *
-                                                    * `Start({children: node})` – контейнер для элементов в начале шапки
-                                                    *
-                                                    * `End({children: node})` – контейнер для элементов в конце шапки
-                                                    *
-                                                    * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст
-                                                    *
+/**
+                                                    * __DRAFT__
+                                                    *
+                                                    * Шапка
+                                                    *
+                                                    * `Item({children: node, iconOnly: bool, onClick: func})` – кликабельный элемент шапки
+                                                    *
+                                                    * `Divider()` – разделитель
+                                                    *
+                                                    * `Start({children: node})` – контейнер для элементов в начале шапки
+                                                    *
+                                                    * `End({children: node})` – контейнер для элементов в конце шапки
+                                                    *
+                                                    * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст
+                                                    *
                                                     */
 var TopBar = /** @class */function (_super) {
   tslib_1.__extends(TopBar, _super);
@@ -104,49 +104,49 @@ var TopBar = /** @class */function (_super) {
     rightItems: [] };
 
   TopBar.propTypes = {
-    /**
-                        * URL для кастомизации ссылок в меню пользователя
+    /**
+                        * URL для кастомизации ссылок в меню пользователя
                         */
     cabinetUrl: PropTypes.string,
     children: PropTypes.node,
-    /**
-                               * Цвет логотипа
+    /**
+                               * Цвет логотипа
                                */
     color: PropTypes.string,
     leftItems: PropTypes.arrayOf(PropTypes.element),
-    /**
-                                                      * Компонент используемый для рендеринга ссылки.
-                                                      * Нужно переопределить если вы хотите подставить ссылку для роутера
+    /**
+                                                      * Компонент используемый для рендеринга ссылки.
+                                                      * Нужно переопределить если вы хотите подставить ссылку для роутера
                                                       */
     logoComponent: PropTypes.any,
     logoHref: PropTypes.string,
-    /**
-                                 * Максимальная ширина контейнера в шапке
+    /**
+                                 * Максимальная ширина контейнера в шапке
                                  */
     maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    /**
-                                                                          * Отключает отступ снизу
+    /**
+                                                                          * Отключает отступ снизу
                                                                           */
     noMargin: PropTypes.bool,
-    /**
-                               * Отключает тень
+    /**
+                               * Отключает тень
                                */
     noShadow: PropTypes.bool,
-    /**
-                               * Отключает виджет
+    /**
+                               * Отключает виджет
                                */
     noWidget: PropTypes.bool,
     rightItems: PropTypes.arrayOf(PropTypes.element),
-    /**
-                                                       * Суффикс логотипа
+    /**
+                                                       * Суффикс логотипа
                                                        */
     suffix: PropTypes.string,
-    /**
-                               * Имя пользователя
+    /**
+                               * Имя пользователя
                                */
     userName: PropTypes.node,
-    /**
-                               * Функция выхода
+    /**
+                               * Функция выхода
                                */
     onLogout: PropTypes.func };
 

package/components/TopBar/TopBar.js.flow

@@ -1,53 +1,53 @@
-/* @flow */
-import ButtonItem from './ButtonItem';
-import Divider from './Divider';
-import Item from './Item';
-import Organizations from './Organizations';
-import TopBarDropdown from './TopBarDropdown';
-import User from './User';
-import Logout from './TopBarLogout';
-
-export type TopBarProps = {|
-  children?: React$Node,
-  color?: string,
-  cabinetUrl?: string,
-  leftItems?: Array<React$Node>,
-  // eslint-disable-next-line flowtype/no-weak-types
-  logoComponent?: React$ComponentType<any> | string,
-  logoHref?: string,
-  maxWidth?: string | number,
-  noMargin?: boolean,
-  noShadow?: boolean,
-  noWidget?: boolean,
-  onLogout?: () => void,
-  rightItems?: Array<React$Node>,
-  suffix?: string,
-  userName?: string,
-|};
-
-export type TopBarDefaultProps = {|
-  maxWidth: string | number,
-  rightItems: Array<React$Node>,
-|};
-
-type TopBarStartProps = {|
-  children?: React$Node,
-|};
-
-type TopBarEndProps = {|
-  children?: React$Node,
-|};
-
-declare class TopBar extends React$Component<TopBarProps> {
-  static Divider: typeof Divider;
-  static Item: typeof ButtonItem;
-  static Dropdown: typeof TopBarDropdown;
-  static OrganizationsDropdown: typeof Organizations;
-  static Start: React$ComponentType<TopBarStartProps>;
-  static End: React$ComponentType<TopBarEndProps>;
-  static ItemStatic: typeof Item;
-  static User: typeof User;
-  static Logout: typeof Logout;
-}
-
-export default TopBar;
+/* @flow */
+import ButtonItem from './ButtonItem';
+import Divider from './Divider';
+import Item from './Item';
+import Organizations from './Organizations';
+import TopBarDropdown from './TopBarDropdown';
+import User from './User';
+import Logout from './TopBarLogout';
+
+export type TopBarProps = {|
+  children?: React$Node,
+  color?: string,
+  cabinetUrl?: string,
+  leftItems?: Array<React$Node>,
+  // eslint-disable-next-line flowtype/no-weak-types
+  logoComponent?: React$ComponentType<any> | string,
+  logoHref?: string,
+  maxWidth?: string | number,
+  noMargin?: boolean,
+  noShadow?: boolean,
+  noWidget?: boolean,
+  onLogout?: () => void,
+  rightItems?: Array<React$Node>,
+  suffix?: string,
+  userName?: string,
+|};
+
+export type TopBarDefaultProps = {|
+  maxWidth: string | number,
+  rightItems: Array<React$Node>,
+|};
+
+type TopBarStartProps = {|
+  children?: React$Node,
+|};
+
+type TopBarEndProps = {|
+  children?: React$Node,
+|};
+
+declare class TopBar extends React$Component<TopBarProps> {
+  static Divider: typeof Divider;
+  static Item: typeof ButtonItem;
+  static Dropdown: typeof TopBarDropdown;
+  static OrganizationsDropdown: typeof Organizations;
+  static Start: React$ComponentType<TopBarStartProps>;
+  static End: React$ComponentType<TopBarEndProps>;
+  static ItemStatic: typeof Item;
+  static User: typeof User;
+  static Logout: typeof Logout;
+}
+
+export default TopBar;