@skbkontur/react-ui 2.17.3 → 2.17.4-source-maps.1

package/components/TopBar/TopBar.d.ts

@@ -1,114 +1,114 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { TopBarButtonItem } from './TopBarButtonItem';
-import { TopBarDivider } from './TopBarDivider';
-import { TopBarItem } from './TopBarItem';
-import { TopBarOrganizations } from './TopBarOrganizations';
-import { TopBarDropdown } from './TopBarDropdown';
-import { TopBarUser } from './TopBarUser';
-import { TopBarLogout } from './TopBarLogout';
-export interface TopBarProps extends CommonProps {
-    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()` – разделитель
- *
- * `TopBarStart({children: node})` – контейнер для элементов в начале шапки
- *
- * `TopBarEnd({children: node})` – контейнер для элементов в конце шапки
- *
- * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст
- *
- */
-/**
- * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
- */
-export declare class TopBar extends React.Component<TopBarProps> {
-    static __KONTUR_REACT_UI__: string;
-    static Divider: typeof TopBarDivider;
-    static Item: typeof TopBarButtonItem;
-    static Dropdown: typeof TopBarDropdown;
-    static OrganizationsDropdown: typeof TopBarOrganizations;
-    static Start: React.FC<CommonProps>;
-    static End: React.FC<CommonProps>;
-    static ItemStatic: typeof TopBarItem;
-    static User: typeof TopBarUser;
-    static Logout: typeof TopBarLogout;
-    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;
-    constructor(props: TopBarProps);
-    render(): JSX.Element;
-    private renderMain;
-    private _renderItems;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { TopBarButtonItem } from './TopBarButtonItem';
+import { TopBarDivider } from './TopBarDivider';
+import { TopBarItem } from './TopBarItem';
+import { TopBarOrganizations } from './TopBarOrganizations';
+import { TopBarDropdown } from './TopBarDropdown';
+import { TopBarUser } from './TopBarUser';
+import { TopBarLogout } from './TopBarLogout';
+export interface TopBarProps extends CommonProps {
+    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()` – разделитель
+ *
+ * `TopBarStart({children: node})` – контейнер для элементов в начале шапки
+ *
+ * `TopBarEnd({children: node})` – контейнер для элементов в конце шапки
+ *
+ * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст
+ *
+ */
+/**
+ * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
+ */
+export declare class TopBar extends React.Component<TopBarProps> {
+    static __KONTUR_REACT_UI__: string;
+    static Divider: typeof TopBarDivider;
+    static Item: typeof TopBarButtonItem;
+    static Dropdown: typeof TopBarDropdown;
+    static OrganizationsDropdown: typeof TopBarOrganizations;
+    static Start: React.FC<CommonProps>;
+    static End: React.FC<CommonProps>;
+    static ItemStatic: typeof TopBarItem;
+    static User: typeof TopBarUser;
+    static Logout: typeof TopBarLogout;
+    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;
+    constructor(props: TopBarProps);
+    render(): JSX.Element;
+    private renderMain;
+    private _renderItems;
+}

package/components/TopBar/TopBar.md

@@ -1,111 +1,111 @@
-### Использование
-
-Рекомендуемое
-
-```jsx harmony
-import { Loader, Logotype, TopBar } from '@skbkontur/react-ui';
-import BabyIcon from '@skbkontur/react-icons/Baby';
-
-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 harmony
-import { Loader, TopBar } from '@skbkontur/react-ui';
-import BabyIcon from '@skbkontur/react-icons/Baby';
-
-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;
-  cabinetSettings?: string;
-  cabinetCertificates?: string;
-  cabinetServices?: string;
-}
-
-const ru_RU = {
-  cabinetSettings: 'Личный кабинет Контура',
-  cabinetCertificates: 'Сертификаты',
-  cabinetServices: 'Оплата сервисов',
-  logout: 'Выйти',
-};
-
-const en_GB = {
-  cabinetSettings: 'Personal account Kontur',
-  cabinetCertificates: 'Certificates',
-  cabinetServices: 'Payment for services',
-  logout: 'Logout',
-};
-```
+### Использование
+
+Рекомендуемое
+
+```jsx harmony
+import { Loader, Logotype, TopBar } from '@skbkontur/react-ui';
+import BabyIcon from '@skbkontur/react-icons/Baby';
+
+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 harmony
+import { Loader, TopBar } from '@skbkontur/react-ui';
+import BabyIcon from '@skbkontur/react-icons/Baby';
+
+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;
+  cabinetSettings?: string;
+  cabinetCertificates?: string;
+  cabinetServices?: string;
+}
+
+const ru_RU = {
+  cabinetSettings: 'Личный кабинет Контура',
+  cabinetCertificates: 'Сертификаты',
+  cabinetServices: 'Оплата сервисов',
+  logout: 'Выйти',
+};
+
+const en_GB = {
+  cabinetSettings: 'Personal account Kontur',
+  cabinetCertificates: 'Certificates',
+  cabinetServices: 'Payment for services',
+  logout: 'Logout',
+};
+```

package/components/TopBar/TopBar.styles/TopBar.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBar.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","tbBg","tbShadow","divider","tdDividerBg","endItems","startItems","buttonActive","button","noShadow","icon","iconOnly","usePay","useDanger","noMargin","center","containerWrap","container","item","spwDropdown","organizationsTitle","organizationsComment","organizationsArrow","organizationsTitleDummy","organizationsCommentDummy","jsStyles"],"mappings":"23KAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOL,GAAP;AACgBK,IAAAA,CAAC,CAACC,IADlB;AAEgBD,IAAAA,CAAC,CAACE,QAFlB;;;;;AAOD,GATY;;AAWbC,EAAAA,OAXa,mBAWLH,CAXK,EAWK;AAChB,WAAOL,GAAP;;AAEsBK,IAAAA,CAAC,CAACI,WAFxB;;;;AAMD,GAlBY;;AAoBbC,EAAAA,QApBa,sBAoBF;AACT,WAAOV,GAAP;;;;;AAKD,GA1BY;;AA4BbW,EAAAA,UA5Ba,wBA4BA;AACX,WAAOX,GAAP;AACIG,IAAAA,MAAM,CAACO,QAAP,EADJ;;;;AAKD,GAlCY;;AAoCbE,EAAAA,YApCa,0BAoCE;AACb,WAAOZ,GAAP;;;AAGD,GAxCY;;AA0Cba,EAAAA,MA1Ca,oBA0CJ;AACP,WAAOb,GAAP;;;;;;;;;;;;;;;;;;AAkBD,GA7DY;;AA+Dbc,EAAAA,QA/Da,sBA+DF;AACT,WAAOd,GAAP;;;AAGD,GAnEY;;AAqEbe,EAAAA,IArEa,kBAqEN;AACL,WAAOf,GAAP;;;;;AAKD,GA3EY;;AA6EbgB,EAAAA,QA7Ea,sBA6EF;AACT,WAAOhB,GAAP;;;AAGD,GAjFY;;AAmFbiB,EAAAA,MAnFa,oBAmFJ;AACP,WAAOjB,GAAP;;;AAGIC,IAAAA,OAAO,CAACE,MAAM,CAACS,YAAP,EAAD,CAHX;;;;AAOD,GA3FY;;AA6FbM,EAAAA,SA7Fa,uBA6FD;AACV,WAAOlB,GAAP;;;AAGIC,IAAAA,OAAO,CAACE,MAAM,CAACS,YAAP,EAAD,CAHX;;;;AAOD,GArGY;;AAuGbO,EAAAA,QAvGa,sBAuGF;AACT,WAAOnB,GAAP;;;AAGD,GA3GY;;AA6GboB,EAAAA,MA7Ga,oBA6GJ;AACP,WAAOpB,GAAP;;;AAGD,GAjHY;;AAmHbqB,EAAAA,aAnHa,2BAmHG;AACd,WAAOrB,GAAP;;;AAGD,GAvHY;;AAyHbsB,EAAAA,SAzHa,uBAyHD;AACV,WAAOtB,GAAP;;;;;AAKD,GA/HY;;AAiIbuB,EAAAA,IAjIa,kBAiIN;AACL,WAAOvB,GAAP;;;;;;;;;AASD,GA3IY;;AA6IbwB,EAAAA,WA7Ia,yBA6IC;AACZ,WAAOxB,GAAP;;;;;AAKD,GAnJY;;AAqJbyB,EAAAA,kBArJa,gCAqJQ;AACnB,WAAOzB,GAAP;;;;;;;;;AASD,GA/JY;;AAiKb0B,EAAAA,oBAjKa,kCAiKU;AACrB,WAAO1B,GAAP;;;;;;AAMD,GAxKY;;AA0Kb2B,EAAAA,kBA1Ka,gCA0KQ;AACnB,WAAO3B,GAAP;;;;;;AAMD,GAjLY;;AAmLb4B,EAAAA,uBAnLa,qCAmLa;AACxB,WAAO5B,GAAP;;;;;;;AAOD,GA3LY;;AA6Lb6B,EAAAA,yBA7La,uCA6Le;AAC1B,WAAO7B,GAAP;;;AAGD,GAjMY,EAAf;;;AAoMA,OAAO,IAAM8B,QAAQ,GAAG5B,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      background: ${t.tbBg};\r\n      box-shadow: ${t.tbShadow};\r\n      height: 50px;\r\n      margin-bottom: 20px;\r\n      padding: 0 15px;\r\n    `;\r\n  },\r\n\r\n  divider(t: Theme) {\r\n    return css`\r\n      align-self: center;\r\n      background-color: ${t.tdDividerBg};\r\n      height: 30px;\r\n      width: 1px;\r\n    `;\r\n  },\r\n\r\n  endItems() {\r\n    return css`\r\n      align-items: stretch;\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n    `;\r\n  },\r\n\r\n  startItems() {\r\n    return css`\r\n      ${styles.endItems()};\r\n\r\n      padding-right: 60px;\r\n    `;\r\n  },\r\n\r\n  buttonActive() {\r\n    return css`\r\n      background: rgba(0, 0, 0, 0.06);\r\n    `;\r\n  },\r\n\r\n  button() {\r\n    return css`\r\n      cursor: pointer;\r\n      height: 50px;\r\n      line-height: 50px;\r\n      outline: 0;\r\n      padding: 0 10px;\r\n      position: relative;\r\n      vertical-align: middle;\r\n\r\n      &:hover,\r\n      &:focus {\r\n        background: rgba(0, 0, 0, 0.06);\r\n      }\r\n\r\n      .kontur-projects_opened & {\r\n        background: rgba(0, 0, 0, 0.06);\r\n      }\r\n    `;\r\n  },\r\n\r\n  noShadow() {\r\n    return css`\r\n      box-shadow: none;\r\n    `;\r\n  },\r\n\r\n  icon() {\r\n    return css`\r\n      color: #666;\r\n      line-height: normal;\r\n      margin-right: 4px;\r\n    `;\r\n  },\r\n\r\n  iconOnly() {\r\n    return css`\r\n      margin-right: 0;\r\n    `;\r\n  },\r\n\r\n  usePay() {\r\n    return css`\r\n      &,\r\n      &:hover,\r\n      ${cssName(styles.buttonActive())} {\r\n        background: #ffeca9;\r\n      }\r\n    `;\r\n  },\r\n\r\n  useDanger() {\r\n    return css`\r\n      &,\r\n      &:hover,\r\n      ${cssName(styles.buttonActive())} {\r\n        background: #ffe3e3;\r\n      }\r\n    `;\r\n  },\r\n\r\n  noMargin() {\r\n    return css`\r\n      margin-bottom: 0;\r\n    `;\r\n  },\r\n\r\n  center() {\r\n    return css`\r\n      margin: auto;\r\n    `;\r\n  },\r\n\r\n  containerWrap() {\r\n    return css`\r\n      margin: 0 -10px;\r\n    `;\r\n  },\r\n\r\n  container() {\r\n    return css`\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n      justify-content: space-between;\r\n    `;\r\n  },\r\n\r\n  item() {\r\n    return css`\r\n      display: inline-block;\r\n      box-sizing: border-box;\r\n      height: 50px;\r\n      line-height: 50px;\r\n      padding: 0 10px;\r\n      vertical-align: middle;\r\n      white-space: nowrap;\r\n    `;\r\n  },\r\n\r\n  spwDropdown() {\r\n    return css`\r\n      display: table-cell;\r\n      height: 50px;\r\n      white-space: nowrap;\r\n    `;\r\n  },\r\n\r\n  organizationsTitle() {\r\n    return css`\r\n      box-sizing: border-box;\r\n      left: 0;\r\n      overflow: hidden;\r\n      padding: 0 20px 0 10px;\r\n      position: absolute;\r\n      text-overflow: ellipsis;\r\n      width: 100%;\r\n    `;\r\n  },\r\n\r\n  organizationsComment() {\r\n    return css`\r\n      color: #aaa;\r\n      padding-left: 10px;\r\n      position: absolute;\r\n      right: 20px;\r\n    `;\r\n  },\r\n\r\n  organizationsArrow() {\r\n    return css`\r\n      position: absolute;\r\n      right: 0;\r\n      text-align: center;\r\n      width: 20px;\r\n    `;\r\n  },\r\n\r\n  organizationsTitleDummy() {\r\n    return css`\r\n      box-sizing: border-box;\r\n      height: 0;\r\n      overflow: hidden;\r\n      padding-right: 10px;\r\n      white-space: normal;\r\n    `;\r\n  },\r\n\r\n  organizationsCommentDummy() {\r\n    return css`\r\n      padding-left: 10px;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["TopBar.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","tbBg","tbShadow","divider","tdDividerBg","endItems","startItems","buttonActive","button","noShadow","icon","iconOnly","usePay","useDanger","noMargin","center","containerWrap","container","item","spwDropdown","organizationsTitle","organizationsComment","organizationsArrow","organizationsTitleDummy","organizationsCommentDummy","jsStyles"],"mappings":"23KAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOL,GAAP;AACgBK,IAAAA,CAAC,CAACC,IADlB;AAEgBD,IAAAA,CAAC,CAACE,QAFlB;;;;;AAOD,GATY;;AAWbC,EAAAA,OAXa,mBAWLH,CAXK,EAWK;AAChB,WAAOL,GAAP;;AAEsBK,IAAAA,CAAC,CAACI,WAFxB;;;;AAMD,GAlBY;;AAoBbC,EAAAA,QApBa,sBAoBF;AACT,WAAOV,GAAP;;;;;AAKD,GA1BY;;AA4BbW,EAAAA,UA5Ba,wBA4BA;AACX,WAAOX,GAAP;AACIG,IAAAA,MAAM,CAACO,QAAP,EADJ;;;;AAKD,GAlCY;;AAoCbE,EAAAA,YApCa,0BAoCE;AACb,WAAOZ,GAAP;;;AAGD,GAxCY;;AA0Cba,EAAAA,MA1Ca,oBA0CJ;AACP,WAAOb,GAAP;;;;;;;;;;;;;;;;;;AAkBD,GA7DY;;AA+Dbc,EAAAA,QA/Da,sBA+DF;AACT,WAAOd,GAAP;;;AAGD,GAnEY;;AAqEbe,EAAAA,IArEa,kBAqEN;AACL,WAAOf,GAAP;;;;;AAKD,GA3EY;;AA6EbgB,EAAAA,QA7Ea,sBA6EF;AACT,WAAOhB,GAAP;;;AAGD,GAjFY;;AAmFbiB,EAAAA,MAnFa,oBAmFJ;AACP,WAAOjB,GAAP;;;AAGIC,IAAAA,OAAO,CAACE,MAAM,CAACS,YAAP,EAAD,CAHX;;;;AAOD,GA3FY;;AA6FbM,EAAAA,SA7Fa,uBA6FD;AACV,WAAOlB,GAAP;;;AAGIC,IAAAA,OAAO,CAACE,MAAM,CAACS,YAAP,EAAD,CAHX;;;;AAOD,GArGY;;AAuGbO,EAAAA,QAvGa,sBAuGF;AACT,WAAOnB,GAAP;;;AAGD,GA3GY;;AA6GboB,EAAAA,MA7Ga,oBA6GJ;AACP,WAAOpB,GAAP;;;AAGD,GAjHY;;AAmHbqB,EAAAA,aAnHa,2BAmHG;AACd,WAAOrB,GAAP;;;AAGD,GAvHY;;AAyHbsB,EAAAA,SAzHa,uBAyHD;AACV,WAAOtB,GAAP;;;;;AAKD,GA/HY;;AAiIbuB,EAAAA,IAjIa,kBAiIN;AACL,WAAOvB,GAAP;;;;;;;;;AASD,GA3IY;;AA6IbwB,EAAAA,WA7Ia,yBA6IC;AACZ,WAAOxB,GAAP;;;;;AAKD,GAnJY;;AAqJbyB,EAAAA,kBArJa,gCAqJQ;AACnB,WAAOzB,GAAP;;;;;;;;;AASD,GA/JY;;AAiKb0B,EAAAA,oBAjKa,kCAiKU;AACrB,WAAO1B,GAAP;;;;;;AAMD,GAxKY;;AA0Kb2B,EAAAA,kBA1Ka,gCA0KQ;AACnB,WAAO3B,GAAP;;;;;;AAMD,GAjLY;;AAmLb4B,EAAAA,uBAnLa,qCAmLa;AACxB,WAAO5B,GAAP;;;;;;;AAOD,GA3LY;;AA6Lb6B,EAAAA,yBA7La,uCA6Le;AAC1B,WAAO7B,GAAP;;;AAGD,GAjMY,EAAf;;;AAoMA,OAAO,IAAM8B,QAAQ,GAAG5B,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      background: ${t.tbBg};\n      box-shadow: ${t.tbShadow};\n      height: 50px;\n      margin-bottom: 20px;\n      padding: 0 15px;\n    `;\n  },\n\n  divider(t: Theme) {\n    return css`\n      align-self: center;\n      background-color: ${t.tdDividerBg};\n      height: 30px;\n      width: 1px;\n    `;\n  },\n\n  endItems() {\n    return css`\n      align-items: stretch;\n      display: flex;\n      flex-wrap: nowrap;\n    `;\n  },\n\n  startItems() {\n    return css`\n      ${styles.endItems()};\n\n      padding-right: 60px;\n    `;\n  },\n\n  buttonActive() {\n    return css`\n      background: rgba(0, 0, 0, 0.06);\n    `;\n  },\n\n  button() {\n    return css`\n      cursor: pointer;\n      height: 50px;\n      line-height: 50px;\n      outline: 0;\n      padding: 0 10px;\n      position: relative;\n      vertical-align: middle;\n\n      &:hover,\n      &:focus {\n        background: rgba(0, 0, 0, 0.06);\n      }\n\n      .kontur-projects_opened & {\n        background: rgba(0, 0, 0, 0.06);\n      }\n    `;\n  },\n\n  noShadow() {\n    return css`\n      box-shadow: none;\n    `;\n  },\n\n  icon() {\n    return css`\n      color: #666;\n      line-height: normal;\n      margin-right: 4px;\n    `;\n  },\n\n  iconOnly() {\n    return css`\n      margin-right: 0;\n    `;\n  },\n\n  usePay() {\n    return css`\n      &,\n      &:hover,\n      ${cssName(styles.buttonActive())} {\n        background: #ffeca9;\n      }\n    `;\n  },\n\n  useDanger() {\n    return css`\n      &,\n      &:hover,\n      ${cssName(styles.buttonActive())} {\n        background: #ffe3e3;\n      }\n    `;\n  },\n\n  noMargin() {\n    return css`\n      margin-bottom: 0;\n    `;\n  },\n\n  center() {\n    return css`\n      margin: auto;\n    `;\n  },\n\n  containerWrap() {\n    return css`\n      margin: 0 -10px;\n    `;\n  },\n\n  container() {\n    return css`\n      display: flex;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n    `;\n  },\n\n  item() {\n    return css`\n      display: inline-block;\n      box-sizing: border-box;\n      height: 50px;\n      line-height: 50px;\n      padding: 0 10px;\n      vertical-align: middle;\n      white-space: nowrap;\n    `;\n  },\n\n  spwDropdown() {\n    return css`\n      display: table-cell;\n      height: 50px;\n      white-space: nowrap;\n    `;\n  },\n\n  organizationsTitle() {\n    return css`\n      box-sizing: border-box;\n      left: 0;\n      overflow: hidden;\n      padding: 0 20px 0 10px;\n      position: absolute;\n      text-overflow: ellipsis;\n      width: 100%;\n    `;\n  },\n\n  organizationsComment() {\n    return css`\n      color: #aaa;\n      padding-left: 10px;\n      position: absolute;\n      right: 20px;\n    `;\n  },\n\n  organizationsArrow() {\n    return css`\n      position: absolute;\n      right: 0;\n      text-align: center;\n      width: 20px;\n    `;\n  },\n\n  organizationsTitleDummy() {\n    return css`\n      box-sizing: border-box;\n      height: 0;\n      overflow: hidden;\n      padding-right: 10px;\n      white-space: normal;\n    `;\n  },\n\n  organizationsCommentDummy() {\n    return css`\n      padding-left: 10px;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/components/TopBar/TopBar.styles.d.ts

@@ -1,24 +1,24 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    divider(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    endItems(): string;
-    startItems(): string;
-    buttonActive(): string;
-    button(): string;
-    noShadow(): string;
-    icon(): string;
-    iconOnly(): string;
-    usePay(): string;
-    useDanger(): string;
-    noMargin(): string;
-    center(): string;
-    containerWrap(): string;
-    container(): string;
-    item(): string;
-    spwDropdown(): string;
-    organizationsTitle(): string;
-    organizationsComment(): string;
-    organizationsArrow(): string;
-    organizationsTitleDummy(): string;
-    organizationsCommentDummy(): string;
-};
+export declare const jsStyles: {
+    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    divider(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    endItems(): string;
+    startItems(): string;
+    buttonActive(): string;
+    button(): string;
+    noShadow(): string;
+    icon(): string;
+    iconOnly(): string;
+    usePay(): string;
+    useDanger(): string;
+    noMargin(): string;
+    center(): string;
+    containerWrap(): string;
+    container(): string;
+    item(): string;
+    spwDropdown(): string;
+    organizationsTitle(): string;
+    organizationsComment(): string;
+    organizationsArrow(): string;
+    organizationsTitleDummy(): string;
+    organizationsCommentDummy(): string;
+};

package/components/TopBar/TopBarButtonItem/TopBarButtonItem.js

@@ -5,10 +5,10 @@ import React from 'react';
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { TopBarItem } from "../TopBarItem";
 import { jsStyles } from "../TopBar.styles";
-/**
- * Интерактивный элемент топбара
- *
- * @visibleName TopBar.ButtonItem
+/**
+ * Интерактивный элемент топбара
+ *
+ * @visibleName TopBar.ButtonItem
  */
 
 export var TopBarButtonItem = /*#__PURE__*/function (_React$Component) {

package/components/TopBar/TopBarButtonItem/TopBarButtonItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarButtonItem.tsx"],"names":["React","CommonWrapper","TopBarItem","jsStyles","TopBarButtonItem","render","props","onClick","children","onKeyDown","rest","button","Component","defaultProps","use"],"mappings":"oOAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,UAAT,QAA4C,cAA5C;AACA,SAASC,QAAT,QAAyB,iBAAzB;;;;;;;;;;;;;AAaA;AACA;AACA;AACA;AACA;AACA,WAAaC,gBAAb;;;;AAISC,EAAAA,MAJT,GAIE,kBAAgB;AACoC,SAAKC,KADzC,CACNC,OADM,eACNA,OADM,CACGC,QADH,eACGA,QADH,CACaC,SADb,eACaA,SADb,CAC2BC,IAD3B;AAEd;AACE,0BAAC,aAAD,EAAmB,KAAKJ,KAAxB;AACE,0BAAC,UAAD,eAAgBI,IAAhB,IAAsB,SAAS,EAAEP,QAAQ,CAACQ,MAAT,EAAjC,EAAoD,UAAU,EAAEF,SAAhE,EAA2E,QAAQ,EAAEF,OAArF;AACGC,MAAAA,QADH,CADF,CADF;;;;AAOD,GAbH,2BAAsCR,KAAK,CAACY,SAA5C,EAAaR,gB,CACGS,Y,GAAe,EAC3BC,GAAG,EAAE,SADsB,E","sourcesContent":["import React from 'react';\r\n\r\nimport { IconProps } from '../../internal/icons/20px';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { TopBarItem, TopBarItemProps } from './TopBarItem';\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\nexport interface TopBarButtonItemProps extends CommonProps, TopBarItemProps {\r\n  active?: boolean;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n  icon?: IconProps['name'] | React.ReactElement;\r\n  iconOnly?: boolean;\r\n  minWidth?: string | number;\r\n  onClick?: () => void;\r\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\r\n  use: 'danger' | 'pay' | 'default';\r\n}\r\n/**\r\n * Интерактивный элемент топбара\r\n *\r\n * @visibleName TopBar.ButtonItem\r\n */\r\nexport class TopBarButtonItem extends React.Component<TopBarButtonItemProps> {\r\n  public static defaultProps = {\r\n    use: 'default',\r\n  };\r\n  public render() {\r\n    const { onClick, children, onKeyDown, ...rest } = this.props;\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <TopBarItem {...rest} className={jsStyles.button()} _onKeyDown={onKeyDown} _onClick={onClick}>\r\n          {children}\r\n        </TopBarItem>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["TopBarButtonItem.tsx"],"names":["React","CommonWrapper","TopBarItem","jsStyles","TopBarButtonItem","render","props","onClick","children","onKeyDown","rest","button","Component","defaultProps","use"],"mappings":"oOAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,UAAT,QAA4C,cAA5C;AACA,SAASC,QAAT,QAAyB,iBAAzB;;;;;;;;;;;;;AAaA;AACA;AACA;AACA;AACA;AACA,WAAaC,gBAAb;;;;AAISC,EAAAA,MAJT,GAIE,kBAAgB;AACoC,SAAKC,KADzC,CACNC,OADM,eACNA,OADM,CACGC,QADH,eACGA,QADH,CACaC,SADb,eACaA,SADb,CAC2BC,IAD3B;AAEd;AACE,0BAAC,aAAD,EAAmB,KAAKJ,KAAxB;AACE,0BAAC,UAAD,eAAgBI,IAAhB,IAAsB,SAAS,EAAEP,QAAQ,CAACQ,MAAT,EAAjC,EAAoD,UAAU,EAAEF,SAAhE,EAA2E,QAAQ,EAAEF,OAArF;AACGC,MAAAA,QADH,CADF,CADF;;;;AAOD,GAbH,2BAAsCR,KAAK,CAACY,SAA5C,EAAaR,gB,CACGS,Y,GAAe,EAC3BC,GAAG,EAAE,SADsB,E","sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../../internal/icons/20px';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { TopBarItem, TopBarItemProps } from './TopBarItem';\nimport { jsStyles } from './TopBar.styles';\n\nexport interface TopBarButtonItemProps extends CommonProps, TopBarItemProps {\n  active?: boolean;\n  children?: React.ReactNode;\n  className?: string;\n  icon?: IconProps['name'] | React.ReactElement;\n  iconOnly?: boolean;\n  minWidth?: string | number;\n  onClick?: () => void;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n  use: 'danger' | 'pay' | 'default';\n}\n/**\n * Интерактивный элемент топбара\n *\n * @visibleName TopBar.ButtonItem\n */\nexport class TopBarButtonItem extends React.Component<TopBarButtonItemProps> {\n  public static defaultProps = {\n    use: 'default',\n  };\n  public render() {\n    const { onClick, children, onKeyDown, ...rest } = this.props;\n    return (\n      <CommonWrapper {...this.props}>\n        <TopBarItem {...rest} className={jsStyles.button()} _onKeyDown={onKeyDown} _onClick={onClick}>\n          {children}\n        </TopBarItem>\n      </CommonWrapper>\n    );\n  }\n}\n"]}

package/components/TopBar/TopBarButtonItem.d.ts

@@ -1,26 +1,26 @@
-import React from 'react';
-import { IconProps } from '../../internal/icons/20px';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { TopBarItemProps } from './TopBarItem';
-export interface TopBarButtonItemProps extends CommonProps, TopBarItemProps {
-    active?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    icon?: IconProps['name'] | React.ReactElement;
-    iconOnly?: boolean;
-    minWidth?: string | number;
-    onClick?: () => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    use: 'danger' | 'pay' | 'default';
-}
-/**
- * Интерактивный элемент топбара
- *
- * @visibleName TopBar.ButtonItem
- */
-export declare class TopBarButtonItem extends React.Component<TopBarButtonItemProps> {
-    static defaultProps: {
-        use: string;
-    };
-    render(): JSX.Element;
-}
+import React from 'react';
+import { IconProps } from '../../internal/icons/20px';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { TopBarItemProps } from './TopBarItem';
+export interface TopBarButtonItemProps extends CommonProps, TopBarItemProps {
+    active?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    icon?: IconProps['name'] | React.ReactElement;
+    iconOnly?: boolean;
+    minWidth?: string | number;
+    onClick?: () => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    use: 'danger' | 'pay' | 'default';
+}
+/**
+ * Интерактивный элемент топбара
+ *
+ * @visibleName TopBar.ButtonItem
+ */
+export declare class TopBarButtonItem extends React.Component<TopBarButtonItemProps> {
+    static defaultProps: {
+        use: string;
+    };
+    render(): JSX.Element;
+}

package/components/TopBar/TopBarDivider/TopBarDivider.js

@@ -2,10 +2,10 @@ import React, { useContext } from 'react';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { jsStyles } from "../TopBar.styles";
-/**
- * Разделитель в топбаре
- *
- * @visibleName TopBar.Divider
+/**
+ * Разделитель в топбаре
+ *
+ * @visibleName TopBar.Divider
  */
 
 export function TopBarDivider(props) {

package/components/TopBar/TopBarDivider/TopBarDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarDivider.tsx"],"names":["React","useContext","ThemeContext","CommonWrapper","jsStyles","TopBarDivider","props","theme","divider","__KONTUR_REACT_UI__"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,iBAAzB;;;;AAIA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;AACvD,MAAMC,KAAK,GAAGN,UAAU,CAACC,YAAD,CAAxB;AACA;AACE,wBAAC,aAAD,EAAmBI,KAAnB;AACE,kCAAM,SAAS,EAAEF,QAAQ,CAACI,OAAT,CAAiBD,KAAjB,CAAjB,GADF,CADF;;;AAKD;AACDF,aAAa,CAACI,mBAAd,GAAoC,eAApC","sourcesContent":["import React, { useContext } from 'react';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\nexport type TopBarDividerProps = CommonProps;\r\n\r\n/**\r\n * Разделитель в топбаре\r\n *\r\n * @visibleName TopBar.Divider\r\n */\r\nexport function TopBarDivider(props: TopBarDividerProps) {\r\n  const theme = useContext(ThemeContext);\r\n  return (\r\n    <CommonWrapper {...props}>\r\n      <span className={jsStyles.divider(theme)} />\r\n    </CommonWrapper>\r\n  );\r\n}\r\nTopBarDivider.__KONTUR_REACT_UI__ = 'TopBarDivider';\r\n"]}
+{"version":3,"sources":["TopBarDivider.tsx"],"names":["React","useContext","ThemeContext","CommonWrapper","jsStyles","TopBarDivider","props","theme","divider","__KONTUR_REACT_UI__"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,iBAAzB;;;;AAIA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;AACvD,MAAMC,KAAK,GAAGN,UAAU,CAACC,YAAD,CAAxB;AACA;AACE,wBAAC,aAAD,EAAmBI,KAAnB;AACE,kCAAM,SAAS,EAAEF,QAAQ,CAACI,OAAT,CAAiBD,KAAjB,CAAjB,GADF,CADF;;;AAKD;AACDF,aAAa,CAACI,mBAAd,GAAoC,eAApC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './TopBar.styles';\n\nexport type TopBarDividerProps = CommonProps;\n\n/**\n * Разделитель в топбаре\n *\n * @visibleName TopBar.Divider\n */\nexport function TopBarDivider(props: TopBarDividerProps) {\n  const theme = useContext(ThemeContext);\n  return (\n    <CommonWrapper {...props}>\n      <span className={jsStyles.divider(theme)} />\n    </CommonWrapper>\n  );\n}\nTopBarDivider.__KONTUR_REACT_UI__ = 'TopBarDivider';\n"]}