@skbkontur/react-ui 2.17.6 → 2.17.7-sidepage-header

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/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/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"]}

package/components/TopBar/TopBarDropdown/TopBarDropdown.js

@@ -5,10 +5,10 @@ import { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from "../../../l
 import { DropdownMenu } from "../../DropdownMenu";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { TopBarButtonItem } from "../TopBarButtonItem";
-/**
- * Дропдаун в топбаре
- *
- * @visibleName TopBar.Dropdown
+/**
+ * Дропдаун в топбаре
+ *
+ * @visibleName TopBar.Dropdown
  */
 
 export var TopBarDropdown = /*#__PURE__*/function (_React$Component) {

package/components/TopBar/TopBarDropdown/TopBarDropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarDropdown.tsx"],"names":["React","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","DropdownMenu","CommonWrapper","TopBarButtonItem","TopBarDropdown","dropdownMenu","renderMain","props","refDropdownMenu","renderButton","children","open","close","ref","captionProps","handleKeyDown","event","openMenu","opened","icon","minWidth","undefined","use","toggleMenu","label","e","preventDefault","render","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,kBAAT,EAA6BC,UAA7B,EAAyCC,UAAzC,EAAqDC,QAArD,QAAqE,uCAArE;;;AAGA,SAASC,YAAT,QAAgD,iBAAhD;;AAEA,SAAsBC,aAAtB,QAAmE,8BAAnE;;AAEA,SAASC,gBAAT,QAAiC,oBAAjC;;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;;AAEA,WAAaC,cAAb;;;;;;;AAOUC,IAAAA,YAPV,GAOiD,IAPjD;;;;;;AAaUC,IAAAA,UAbV,GAauB,UAACC,KAAD,EAAwD;AAC3E;AACE,4BAAC,YAAD,eAAkBA,KAAlB,IAAyB,GAAG,EAAE,MAAKC,eAAnC,EAAoD,OAAO,EAAE,MAAKC,YAAlE;AACG,cAAKF,KAAL,CAAWG,QADd,CADF;;;AAKD,KAnBH;;AAqBSC,IAAAA,IArBT,GAqBgB,YAAY;AACxB,UAAI,MAAKN,YAAT,EAAuB;AACrB,cAAKA,YAAL,CAAkBM,IAAlB;AACD;AACF,KAzBH;;AA2BSC,IAAAA,KA3BT,GA2BiB,YAAY;AACzB,UAAI,MAAKP,YAAT,EAAuB;AACrB,cAAKA,YAAL,CAAkBO,KAAlB;AACD;AACF,KA/BH;;AAiCUJ,IAAAA,eAjCV,GAiC4B,UAACK,GAAD,UAAkC,MAAKR,YAAL,GAAoBQ,GAAtD,EAjC5B;;AAmCUJ,IAAAA,YAnCV,GAmCyB,UAACK,YAAD,EAAyC;AAC9D,UAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA6C;AACjE,cAAKD,aAAL,CAAmBC,KAAnB,EAA0BF,YAAY,CAACG,QAAvC;AACD,OAFD;;AAIA;AACE,4BAAC,gBAAD;AACE,UAAA,MAAM,EAAEH,YAAY,CAACI,MADvB;AAEE,UAAA,IAAI,EAAE,MAAKX,KAAL,CAAWY,IAFnB;AAGE,UAAA,QAAQ,EAAE,MAAKZ,KAAL,CAAWa,QAAX,GAAsB,MAAKb,KAAL,CAAWa,QAAjC,GAA4CC,SAHxD;AAIE,UAAA,QAAQ,EAAE,CAJZ;AAKE,UAAA,GAAG,EAAE,MAAKd,KAAL,CAAWe,GALlB;AAME,UAAA,OAAO,EAAER,YAAY,CAACS,UANxB;AAOE,UAAA,SAAS,EAAER,aAPb;;AASG,cAAKR,KAAL,CAAWiB,KATd,CADF;;;AAaD,KArDH;;AAuDUT,IAAAA,aAvDV,GAuD0B,UAACU,CAAD,EAAsCR,QAAtC,EAAsF;AAC5G,UAAIjB,QAAQ,CAACF,UAAD,EAAaC,UAAb,EAAyBF,kBAAzB,CAAR,CAAqD4B,CAArD,CAAJ,EAA6D;AAC3DA,QAAAA,CAAC,CAACC,cAAF;AACAT,QAAAA,QAAQ,CAAC,IAAD,CAAR;AACD;AACF,KA5DH,4DASSU,MATT,GASE,kBAAgB,CACd,oBAAO,oBAAC,aAAD,EAAmB,KAAKpB,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,CAXH,yBAAoCV,KAAK,CAACgC,SAA1C,EAAaxB,c,CACGyB,mB,GAAsB,gB,CADzBzB,c,CAGG0B,Y,GAAe,EAC3BR,GAAG,EAAE,SADsB,E","sourcesContent":["import React from 'react';\r\n\r\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { IconProps } from '../../internal/icons/20px';\r\nimport { DropdownMenu, DropdownMenuProps } from '../DropdownMenu';\r\nimport { PopupMenuCaptionProps } from '../../internal/PopupMenu';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { TopBarButtonItem } from './TopBarButtonItem';\r\n\r\nexport interface TopBarDropdownProps extends CommonProps, Omit<DropdownMenuProps, 'caption' | 'disableAnimations'> {\r\n  icon?: IconProps['name'];\r\n  minWidth?: string | number | null;\r\n  use: 'danger' | 'pay' | 'default';\r\n  label: React.ReactNode;\r\n  onOpen?: () => void;\r\n  onClose?: () => void;\r\n}\r\n\r\n/**\r\n * Дропдаун в топбаре\r\n *\r\n * @visibleName TopBar.Dropdown\r\n */\r\n\r\nexport class TopBarDropdown extends React.Component<TopBarDropdownProps> {\r\n  public static __KONTUR_REACT_UI__ = 'TopBarDropdown';\r\n\r\n  public static defaultProps = {\r\n    use: 'default',\r\n  };\r\n\r\n  private dropdownMenu: Nullable<DropdownMenu> = null;\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<TopBarDropdownProps>) => {\r\n    return (\r\n      <DropdownMenu {...props} ref={this.refDropdownMenu} caption={this.renderButton}>\r\n        {this.props.children}\r\n      </DropdownMenu>\r\n    );\r\n  };\r\n\r\n  public open = (): void => {\r\n    if (this.dropdownMenu) {\r\n      this.dropdownMenu.open();\r\n    }\r\n  };\r\n\r\n  public close = (): void => {\r\n    if (this.dropdownMenu) {\r\n      this.dropdownMenu.close();\r\n    }\r\n  };\r\n\r\n  private refDropdownMenu = (ref: Nullable<DropdownMenu>) => (this.dropdownMenu = ref);\r\n\r\n  private renderButton = (captionProps: PopupMenuCaptionProps) => {\r\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\r\n      this.handleKeyDown(event, captionProps.openMenu);\r\n    };\r\n\r\n    return (\r\n      <TopBarButtonItem\r\n        active={captionProps.opened}\r\n        icon={this.props.icon}\r\n        minWidth={this.props.minWidth ? this.props.minWidth : undefined}\r\n        tabIndex={0}\r\n        use={this.props.use}\r\n        onClick={captionProps.toggleMenu}\r\n        onKeyDown={handleKeyDown}\r\n      >\r\n        {this.props.label}\r\n      </TopBarButtonItem>\r\n    );\r\n  };\r\n\r\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>, openMenu: PopupMenuCaptionProps['openMenu']) => {\r\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\r\n      e.preventDefault();\r\n      openMenu(true);\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["TopBarDropdown.tsx"],"names":["React","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","DropdownMenu","CommonWrapper","TopBarButtonItem","TopBarDropdown","dropdownMenu","renderMain","props","refDropdownMenu","renderButton","children","open","close","ref","captionProps","handleKeyDown","event","openMenu","opened","icon","minWidth","undefined","use","toggleMenu","label","e","preventDefault","render","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,kBAAT,EAA6BC,UAA7B,EAAyCC,UAAzC,EAAqDC,QAArD,QAAqE,uCAArE;;;AAGA,SAASC,YAAT,QAAgD,iBAAhD;;AAEA,SAAsBC,aAAtB,QAAmE,8BAAnE;;AAEA,SAASC,gBAAT,QAAiC,oBAAjC;;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;;AAEA,WAAaC,cAAb;;;;;;;AAOUC,IAAAA,YAPV,GAOiD,IAPjD;;;;;;AAaUC,IAAAA,UAbV,GAauB,UAACC,KAAD,EAAwD;AAC3E;AACE,4BAAC,YAAD,eAAkBA,KAAlB,IAAyB,GAAG,EAAE,MAAKC,eAAnC,EAAoD,OAAO,EAAE,MAAKC,YAAlE;AACG,cAAKF,KAAL,CAAWG,QADd,CADF;;;AAKD,KAnBH;;AAqBSC,IAAAA,IArBT,GAqBgB,YAAY;AACxB,UAAI,MAAKN,YAAT,EAAuB;AACrB,cAAKA,YAAL,CAAkBM,IAAlB;AACD;AACF,KAzBH;;AA2BSC,IAAAA,KA3BT,GA2BiB,YAAY;AACzB,UAAI,MAAKP,YAAT,EAAuB;AACrB,cAAKA,YAAL,CAAkBO,KAAlB;AACD;AACF,KA/BH;;AAiCUJ,IAAAA,eAjCV,GAiC4B,UAACK,GAAD,UAAkC,MAAKR,YAAL,GAAoBQ,GAAtD,EAjC5B;;AAmCUJ,IAAAA,YAnCV,GAmCyB,UAACK,YAAD,EAAyC;AAC9D,UAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA6C;AACjE,cAAKD,aAAL,CAAmBC,KAAnB,EAA0BF,YAAY,CAACG,QAAvC;AACD,OAFD;;AAIA;AACE,4BAAC,gBAAD;AACE,UAAA,MAAM,EAAEH,YAAY,CAACI,MADvB;AAEE,UAAA,IAAI,EAAE,MAAKX,KAAL,CAAWY,IAFnB;AAGE,UAAA,QAAQ,EAAE,MAAKZ,KAAL,CAAWa,QAAX,GAAsB,MAAKb,KAAL,CAAWa,QAAjC,GAA4CC,SAHxD;AAIE,UAAA,QAAQ,EAAE,CAJZ;AAKE,UAAA,GAAG,EAAE,MAAKd,KAAL,CAAWe,GALlB;AAME,UAAA,OAAO,EAAER,YAAY,CAACS,UANxB;AAOE,UAAA,SAAS,EAAER,aAPb;;AASG,cAAKR,KAAL,CAAWiB,KATd,CADF;;;AAaD,KArDH;;AAuDUT,IAAAA,aAvDV,GAuD0B,UAACU,CAAD,EAAsCR,QAAtC,EAAsF;AAC5G,UAAIjB,QAAQ,CAACF,UAAD,EAAaC,UAAb,EAAyBF,kBAAzB,CAAR,CAAqD4B,CAArD,CAAJ,EAA6D;AAC3DA,QAAAA,CAAC,CAACC,cAAF;AACAT,QAAAA,QAAQ,CAAC,IAAD,CAAR;AACD;AACF,KA5DH,4DASSU,MATT,GASE,kBAAgB,CACd,oBAAO,oBAAC,aAAD,EAAmB,KAAKpB,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,CAXH,yBAAoCV,KAAK,CAACgC,SAA1C,EAAaxB,c,CACGyB,mB,GAAsB,gB,CADzBzB,c,CAGG0B,Y,GAAe,EAC3BR,GAAG,EAAE,SADsB,E","sourcesContent":["import React from 'react';\n\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\nimport { Nullable } from '../../typings/utility-types';\nimport { IconProps } from '../../internal/icons/20px';\nimport { DropdownMenu, DropdownMenuProps } from '../DropdownMenu';\nimport { PopupMenuCaptionProps } from '../../internal/PopupMenu';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\n\nimport { TopBarButtonItem } from './TopBarButtonItem';\n\nexport interface TopBarDropdownProps extends CommonProps, Omit<DropdownMenuProps, 'caption' | 'disableAnimations'> {\n  icon?: IconProps['name'];\n  minWidth?: string | number | null;\n  use: 'danger' | 'pay' | 'default';\n  label: React.ReactNode;\n  onOpen?: () => void;\n  onClose?: () => void;\n}\n\n/**\n * Дропдаун в топбаре\n *\n * @visibleName TopBar.Dropdown\n */\n\nexport class TopBarDropdown extends React.Component<TopBarDropdownProps> {\n  public static __KONTUR_REACT_UI__ = 'TopBarDropdown';\n\n  public static defaultProps = {\n    use: 'default',\n  };\n\n  private dropdownMenu: Nullable<DropdownMenu> = null;\n\n  public render() {\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<TopBarDropdownProps>) => {\n    return (\n      <DropdownMenu {...props} ref={this.refDropdownMenu} caption={this.renderButton}>\n        {this.props.children}\n      </DropdownMenu>\n    );\n  };\n\n  public open = (): void => {\n    if (this.dropdownMenu) {\n      this.dropdownMenu.open();\n    }\n  };\n\n  public close = (): void => {\n    if (this.dropdownMenu) {\n      this.dropdownMenu.close();\n    }\n  };\n\n  private refDropdownMenu = (ref: Nullable<DropdownMenu>) => (this.dropdownMenu = ref);\n\n  private renderButton = (captionProps: PopupMenuCaptionProps) => {\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      this.handleKeyDown(event, captionProps.openMenu);\n    };\n\n    return (\n      <TopBarButtonItem\n        active={captionProps.opened}\n        icon={this.props.icon}\n        minWidth={this.props.minWidth ? this.props.minWidth : undefined}\n        tabIndex={0}\n        use={this.props.use}\n        onClick={captionProps.toggleMenu}\n        onKeyDown={handleKeyDown}\n      >\n        {this.props.label}\n      </TopBarButtonItem>\n    );\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>, openMenu: PopupMenuCaptionProps['openMenu']) => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      openMenu(true);\n    }\n  };\n}\n"]}

package/components/TopBar/TopBarEnd/TopBarEnd.js

@@ -2,10 +2,10 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { jsStyles } from "../TopBar.styles";
-/**
- * Контейнер для смещения к концу
- *
- * @visibleName TopBar.End
+/**
+ * Контейнер для смещения к концу
+ *
+ * @visibleName TopBar.End
  */
 
 export var TopBarEnd = function TopBarEnd(_ref) {

package/components/TopBar/TopBarEnd/TopBarEnd.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarEnd.tsx"],"names":["React","CommonWrapper","jsStyles","TopBarEnd","children","rest","endItems","__KONTUR_REACT_UI__"],"mappings":"oGAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,iBAAzB;;;;AAIA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,YAAGC,QAAH,QAAGA,QAAH,CAAgBC,IAAhB;AACjD,wBAAC,aAAD,EAAmBA,IAAnB;AACE,iCAAK,SAAS,EAAEH,QAAQ,CAACI,QAAT,EAAhB,IAAsCF,QAAtC,CADF,CADiD,GAA5C;;;AAKND,SAAD,CAAmBI,mBAAnB,GAAyC,WAAzC","sourcesContent":["import React from 'react';\r\n\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\nexport type TopBarEndProps = CommonProps;\r\n\r\n/**\r\n * Контейнер для смещения к концу\r\n *\r\n * @visibleName TopBar.End\r\n */\r\n\r\nexport const TopBarEnd: React.FC<TopBarEndProps> = ({ children, ...rest }) => (\r\n  <CommonWrapper {...rest}>\r\n    <div className={jsStyles.endItems()}>{children}</div>\r\n  </CommonWrapper>\r\n);\r\n(TopBarEnd as any).__KONTUR_REACT_UI__ = 'TopBarEnd';\r\n"]}
+{"version":3,"sources":["TopBarEnd.tsx"],"names":["React","CommonWrapper","jsStyles","TopBarEnd","children","rest","endItems","__KONTUR_REACT_UI__"],"mappings":"oGAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,iBAAzB;;;;AAIA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,YAAGC,QAAH,QAAGA,QAAH,CAAgBC,IAAhB;AACjD,wBAAC,aAAD,EAAmBA,IAAnB;AACE,iCAAK,SAAS,EAAEH,QAAQ,CAACI,QAAT,EAAhB,IAAsCF,QAAtC,CADF,CADiD,GAA5C;;;AAKND,SAAD,CAAmBI,mBAAnB,GAAyC,WAAzC","sourcesContent":["import React from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './TopBar.styles';\n\nexport type TopBarEndProps = CommonProps;\n\n/**\n * Контейнер для смещения к концу\n *\n * @visibleName TopBar.End\n */\n\nexport const TopBarEnd: React.FC<TopBarEndProps> = ({ children, ...rest }) => (\n  <CommonWrapper {...rest}>\n    <div className={jsStyles.endItems()}>{children}</div>\n  </CommonWrapper>\n);\n(TopBarEnd as any).__KONTUR_REACT_UI__ = 'TopBarEnd';\n"]}

package/components/TopBar/TopBarItem/TopBarItem.js

@@ -7,10 +7,10 @@ import cn from 'classnames';
 import { Icon } from "../../../internal/icons/20px";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { jsStyles } from "../TopBar.styles";
-/**
- * Статичный элемент топбара
- *
- * @visibleName TopBar.ItemStatic
+/**
+ * Статичный элемент топбара
+ *
+ * @visibleName TopBar.ItemStatic
  */
 
 export var TopBarItem = /*#__PURE__*/function (_React$Component) {

package/components/TopBar/TopBarItem/TopBarItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarItem.tsx"],"names":["React","PropTypes","cn","Icon","CommonWrapper","jsStyles","TopBarItem","renderMain","props","active","_onClick","_onKeyDown","iconOnly","icon","minWidth","use","rest","classes","item","buttonActive","usePay","useDanger","iconClasses","iconNode","children","render","Component","__KONTUR_REACT_UI__","propTypes","oneOf","defaultProps","className"],"mappings":"oOAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,IAAT,QAAgC,2BAAhC;AACA,SAAsBC,aAAtB,QAAmE,8BAAnE;;AAEA,SAASC,QAAT,QAAyB,iBAAzB;;;;;;;;;;;;;;AAcA;AACA;AACA;AACA;AACA;;AAEA,WAAaC,UAAb;;;;;;;;;;;;;;;;AAgBUC,IAAAA,UAhBV,GAgBuB,UAACC,KAAD,EAAoD;AAC/DC,MAAAA,MAD+D,GACUD,KADV,CAC/DC,MAD+D,CACvDC,QADuD,GACUF,KADV,CACvDE,QADuD,CAC7CC,UAD6C,GACUH,KADV,CAC7CG,UAD6C,CACjCC,QADiC,GACUJ,KADV,CACjCI,QADiC,CACvBC,IADuB,GACUL,KADV,CACvBK,IADuB,CACjBC,QADiB,GACUN,KADV,CACjBM,QADiB,CACPC,GADO,GACUP,KADV,CACPO,GADO,CACCC,IADD,iCACUR,KADV;;AAGvE,UAAMS,OAAO,GAAGf,EAAE;AACfG,MAAAA,QAAQ,CAACa,IAAT,EADe,IACG,IADH;AAEfb,MAAAA,QAAQ,CAACc,YAAT,EAFe,IAEW,CAAC,CAACV,MAFb;AAGfJ,MAAAA,QAAQ,CAACe,MAAT,EAHe,IAGKL,GAAG,KAAK,KAHb;AAIfV,MAAAA,QAAQ,CAACgB,SAAT,EAJe,IAIQN,GAAG,KAAK,QAJhB,OAAlB;;;AAOA,UAAMO,WAAW,GAAGpB,EAAE;AACnBG,MAAAA,QAAQ,CAACQ,IAAT,EADmB,IACD,CAAC,CAACA,IADD;AAEnBR,MAAAA,QAAQ,CAACO,QAAT,EAFmB,IAEG,CAAC,CAACA,QAFL,QAAtB;;AAIA,UAAMW,QAAQ,GAAG,OAAOV,IAAP,KAAgB,QAAhB,gBAA2B,oBAAC,IAAD,IAAM,IAAI,EAAEA,IAAZ,GAA3B,GAAkDA,IAAnE;;AAEA;AACE,gDAASG,IAAT,IAAe,SAAS,EAAEC,OAA1B,EAAmC,OAAO,EAAEP,QAA5C,EAAsD,SAAS,EAAEC,UAAjE,EAA6E,KAAK,EAAE,EAAEG,QAAQ,EAARA,QAAF,EAApF;AACGD,QAAAA,IAAI,iBAAI,8BAAM,SAAS,EAAES,WAAjB,IAA+BC,QAA/B,CADX;AAEGV,QAAAA,IAAI,IAAID,QAAR,GAAmB,IAAnB,GAA0B,MAAKJ,KAAL,CAAWgB,QAFxC,CADF;;;AAMD,KAtCH,wDAYSC,MAZT,GAYE,kBAAgB,CACd,oBAAO,oBAAC,aAAD,EAAmB,KAAKjB,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,CAdH,qBAAgCP,KAAK,CAAC0B,SAAtC,EAAapB,U,CACGqB,mB,GAAsB,Y,CADzBrB,U,CAGGsB,S,GAAY,EACxBb,GAAG,EAAEd,SAAS,CAAC4B,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,EAAkB,SAAlB,CAAhB,CADmB,E,CAHfvB,U,CAOGwB,Y,GAAe,EAC3BC,SAAS,EAAE,EADgB,EAE3BhB,GAAG,EAAE,SAFsB,E","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { Icon, IconProps } from '../../internal/icons/20px';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\nexport interface TopBarItemProps extends CommonProps {\r\n  _onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\r\n  _onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;\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  use: 'danger' | 'pay' | 'default';\r\n  tabIndex?: number;\r\n}\r\n/**\r\n * Статичный элемент топбара\r\n *\r\n * @visibleName TopBar.ItemStatic\r\n */\r\n\r\nexport class TopBarItem extends React.Component<TopBarItemProps> {\r\n  public static __KONTUR_REACT_UI__ = 'TopBarItem';\r\n\r\n  public static propTypes = {\r\n    use: PropTypes.oneOf(['danger', 'pay', 'default']),\r\n  };\r\n\r\n  public static defaultProps = {\r\n    className: '',\r\n    use: 'default',\r\n  };\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<TopBarItemProps>) => {\r\n    const { active, _onClick, _onKeyDown, iconOnly, icon, minWidth, use, ...rest } = props;\r\n\r\n    const classes = cn({\r\n      [jsStyles.item()]: true,\r\n      [jsStyles.buttonActive()]: !!active,\r\n      [jsStyles.usePay()]: use === 'pay',\r\n      [jsStyles.useDanger()]: use === 'danger',\r\n    });\r\n\r\n    const iconClasses = cn({\r\n      [jsStyles.icon()]: !!icon,\r\n      [jsStyles.iconOnly()]: !!iconOnly,\r\n    });\r\n    const iconNode = typeof icon === 'string' ? <Icon name={icon} /> : icon;\r\n\r\n    return (\r\n      <div {...rest} className={classes} onClick={_onClick} onKeyDown={_onKeyDown} style={{ minWidth }}>\r\n        {icon && <span className={iconClasses}>{iconNode}</span>}\r\n        {icon && iconOnly ? null : this.props.children}\r\n      </div>\r\n    );\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["TopBarItem.tsx"],"names":["React","PropTypes","cn","Icon","CommonWrapper","jsStyles","TopBarItem","renderMain","props","active","_onClick","_onKeyDown","iconOnly","icon","minWidth","use","rest","classes","item","buttonActive","usePay","useDanger","iconClasses","iconNode","children","render","Component","__KONTUR_REACT_UI__","propTypes","oneOf","defaultProps","className"],"mappings":"oOAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,IAAT,QAAgC,2BAAhC;AACA,SAAsBC,aAAtB,QAAmE,8BAAnE;;AAEA,SAASC,QAAT,QAAyB,iBAAzB;;;;;;;;;;;;;;AAcA;AACA;AACA;AACA;AACA;;AAEA,WAAaC,UAAb;;;;;;;;;;;;;;;;AAgBUC,IAAAA,UAhBV,GAgBuB,UAACC,KAAD,EAAoD;AAC/DC,MAAAA,MAD+D,GACUD,KADV,CAC/DC,MAD+D,CACvDC,QADuD,GACUF,KADV,CACvDE,QADuD,CAC7CC,UAD6C,GACUH,KADV,CAC7CG,UAD6C,CACjCC,QADiC,GACUJ,KADV,CACjCI,QADiC,CACvBC,IADuB,GACUL,KADV,CACvBK,IADuB,CACjBC,QADiB,GACUN,KADV,CACjBM,QADiB,CACPC,GADO,GACUP,KADV,CACPO,GADO,CACCC,IADD,iCACUR,KADV;;AAGvE,UAAMS,OAAO,GAAGf,EAAE;AACfG,MAAAA,QAAQ,CAACa,IAAT,EADe,IACG,IADH;AAEfb,MAAAA,QAAQ,CAACc,YAAT,EAFe,IAEW,CAAC,CAACV,MAFb;AAGfJ,MAAAA,QAAQ,CAACe,MAAT,EAHe,IAGKL,GAAG,KAAK,KAHb;AAIfV,MAAAA,QAAQ,CAACgB,SAAT,EAJe,IAIQN,GAAG,KAAK,QAJhB,OAAlB;;;AAOA,UAAMO,WAAW,GAAGpB,EAAE;AACnBG,MAAAA,QAAQ,CAACQ,IAAT,EADmB,IACD,CAAC,CAACA,IADD;AAEnBR,MAAAA,QAAQ,CAACO,QAAT,EAFmB,IAEG,CAAC,CAACA,QAFL,QAAtB;;AAIA,UAAMW,QAAQ,GAAG,OAAOV,IAAP,KAAgB,QAAhB,gBAA2B,oBAAC,IAAD,IAAM,IAAI,EAAEA,IAAZ,GAA3B,GAAkDA,IAAnE;;AAEA;AACE,gDAASG,IAAT,IAAe,SAAS,EAAEC,OAA1B,EAAmC,OAAO,EAAEP,QAA5C,EAAsD,SAAS,EAAEC,UAAjE,EAA6E,KAAK,EAAE,EAAEG,QAAQ,EAARA,QAAF,EAApF;AACGD,QAAAA,IAAI,iBAAI,8BAAM,SAAS,EAAES,WAAjB,IAA+BC,QAA/B,CADX;AAEGV,QAAAA,IAAI,IAAID,QAAR,GAAmB,IAAnB,GAA0B,MAAKJ,KAAL,CAAWgB,QAFxC,CADF;;;AAMD,KAtCH,wDAYSC,MAZT,GAYE,kBAAgB,CACd,oBAAO,oBAAC,aAAD,EAAmB,KAAKjB,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,CAdH,qBAAgCP,KAAK,CAAC0B,SAAtC,EAAapB,U,CACGqB,mB,GAAsB,Y,CADzBrB,U,CAGGsB,S,GAAY,EACxBb,GAAG,EAAEd,SAAS,CAAC4B,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,EAAkB,SAAlB,CAAhB,CADmB,E,CAHfvB,U,CAOGwB,Y,GAAe,EAC3BC,SAAS,EAAE,EADgB,EAE3BhB,GAAG,EAAE,SAFsB,E","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport { Icon, IconProps } from '../../internal/icons/20px';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './TopBar.styles';\n\nexport interface TopBarItemProps extends CommonProps {\n  _onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  _onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n  active?: boolean;\n  children?: React.ReactNode;\n  className?: string;\n  icon?: IconProps['name'] | React.ReactElement;\n  iconOnly?: boolean;\n  minWidth?: string | number;\n  use: 'danger' | 'pay' | 'default';\n  tabIndex?: number;\n}\n/**\n * Статичный элемент топбара\n *\n * @visibleName TopBar.ItemStatic\n */\n\nexport class TopBarItem extends React.Component<TopBarItemProps> {\n  public static __KONTUR_REACT_UI__ = 'TopBarItem';\n\n  public static propTypes = {\n    use: PropTypes.oneOf(['danger', 'pay', 'default']),\n  };\n\n  public static defaultProps = {\n    className: '',\n    use: 'default',\n  };\n\n  public render() {\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<TopBarItemProps>) => {\n    const { active, _onClick, _onKeyDown, iconOnly, icon, minWidth, use, ...rest } = props;\n\n    const classes = cn({\n      [jsStyles.item()]: true,\n      [jsStyles.buttonActive()]: !!active,\n      [jsStyles.usePay()]: use === 'pay',\n      [jsStyles.useDanger()]: use === 'danger',\n    });\n\n    const iconClasses = cn({\n      [jsStyles.icon()]: !!icon,\n      [jsStyles.iconOnly()]: !!iconOnly,\n    });\n    const iconNode = typeof icon === 'string' ? <Icon name={icon} /> : icon;\n\n    return (\n      <div {...rest} className={classes} onClick={_onClick} onKeyDown={_onKeyDown} style={{ minWidth }}>\n        {icon && <span className={iconClasses}>{iconNode}</span>}\n        {icon && iconOnly ? null : this.props.children}\n      </div>\n    );\n  };\n}\n"]}

package/components/TopBar/TopBarLogout/TopBarLogout.js

@@ -8,10 +8,10 @@ import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { TopBarButtonItem } from "../TopBarButtonItem";
 import { TopBarLocaleHelper } from "../locale";
 export
-/**
-* Кнопка выхода
-*
-* @visibleName TopBar.Logout
+/**
+* Кнопка выхода
+*
+* @visibleName TopBar.Logout
 */
 var TopBarLogout = (_dec = locale('TopBar', TopBarLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TopBarLogout, _React$Component);

package/components/TopBar/TopBarLogout/TopBarLogout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarLogout.tsx"],"names":["React","locale","CommonWrapper","TopBarButtonItem","TopBarLocaleHelper","TopBarLogout","renderMain","props","children","logout","render","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"uGAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,6BAAvB;AACA,SAAsBC,aAAtB,QAAmE,8BAAnE;;AAEA,SAASC,gBAAT,QAAwD,oBAAxD;AACA,SAAuBC,kBAAvB,QAAiD,UAAjD;;;;;;;;;AASA,OANA;AACA;AACA;AACA;AACA,GAEA,IAAaC,YAAb,WADCJ,MAAM,CAAC,QAAD,EAAWG,kBAAX,CACP,gXAImBH,MAJnB;;;;;;AAUUK,IAAAA,UAVV,GAUuB,UAACC,KAAD,EAAsD;AACzE,0BAAO,oBAAC,gBAAD,EAAsBA,KAAtB,EAA8B,MAAKA,KAAL,CAAWC,QAAX,IAAuB,MAAKP,MAAL,CAAYQ,MAAjE,CAAP;AACD,KAZH,0DAMSC,MANT,GAME,kBAAgB,CACd,oBAAO,oBAAC,aAAD,EAAmB,KAAKH,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,CARH,uBAAkCN,KAAK,CAACW,SAAxC,WACgBC,mBADhB,GACsC,cADtC,UAGgBC,YAHhB,GAG+BV,gBAAgB,CAACU,YAHhD","sourcesContent":["import React from 'react';\r\n\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { TopBarButtonItem, TopBarButtonItemProps } from './TopBarButtonItem';\r\nimport { TopBarLocale, TopBarLocaleHelper } from './locale';\r\n\r\nexport interface TopBarLogoutProps extends CommonProps, TopBarButtonItemProps {}\r\n/**\r\n * Кнопка выхода\r\n *\r\n * @visibleName TopBar.Logout\r\n */\r\n@locale('TopBar', TopBarLocaleHelper)\r\nexport class TopBarLogout extends React.Component<TopBarLogoutProps> {\r\n  public static __KONTUR_REACT_UI__ = 'TopBarLogout';\r\n\r\n  public static defaultProps = TopBarButtonItem.defaultProps;\r\n  private readonly locale!: TopBarLocale;\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<TopBarLogoutProps>) => {\r\n    return <TopBarButtonItem {...props}>{this.props.children || this.locale.logout}</TopBarButtonItem>;\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["TopBarLogout.tsx"],"names":["React","locale","CommonWrapper","TopBarButtonItem","TopBarLocaleHelper","TopBarLogout","renderMain","props","children","logout","render","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"uGAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,6BAAvB;AACA,SAAsBC,aAAtB,QAAmE,8BAAnE;;AAEA,SAASC,gBAAT,QAAwD,oBAAxD;AACA,SAAuBC,kBAAvB,QAAiD,UAAjD;;;;;;;;;AASA,OANA;AACA;AACA;AACA;AACA,GAEA,IAAaC,YAAb,WADCJ,MAAM,CAAC,QAAD,EAAWG,kBAAX,CACP,gXAImBH,MAJnB;;;;;;AAUUK,IAAAA,UAVV,GAUuB,UAACC,KAAD,EAAsD;AACzE,0BAAO,oBAAC,gBAAD,EAAsBA,KAAtB,EAA8B,MAAKA,KAAL,CAAWC,QAAX,IAAuB,MAAKP,MAAL,CAAYQ,MAAjE,CAAP;AACD,KAZH,0DAMSC,MANT,GAME,kBAAgB,CACd,oBAAO,oBAAC,aAAD,EAAmB,KAAKH,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,CARH,uBAAkCN,KAAK,CAACW,SAAxC,WACgBC,mBADhB,GACsC,cADtC,UAGgBC,YAHhB,GAG+BV,gBAAgB,CAACU,YAHhD","sourcesContent":["import React from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\n\nimport { TopBarButtonItem, TopBarButtonItemProps } from './TopBarButtonItem';\nimport { TopBarLocale, TopBarLocaleHelper } from './locale';\n\nexport interface TopBarLogoutProps extends CommonProps, TopBarButtonItemProps {}\n/**\n * Кнопка выхода\n *\n * @visibleName TopBar.Logout\n */\n@locale('TopBar', TopBarLocaleHelper)\nexport class TopBarLogout extends React.Component<TopBarLogoutProps> {\n  public static __KONTUR_REACT_UI__ = 'TopBarLogout';\n\n  public static defaultProps = TopBarButtonItem.defaultProps;\n  private readonly locale!: TopBarLocale;\n\n  public render() {\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<TopBarLogoutProps>) => {\n    return <TopBarButtonItem {...props}>{this.props.children || this.locale.logout}</TopBarButtonItem>;\n  };\n}\n"]}

package/components/TopBar/TopBarOrganizations/TopBarOrganizations.js

@@ -6,10 +6,10 @@ import { ArrowChevronDownIcon } from "../../../internal/icons/16px";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { TopBarDropdown } from "../TopBarDropdown";
 import { jsStyles } from "../TopBar.styles";
-/**
- * Дропдаун с организациями
- *
- * @visibleName TopBar.OrganizationsDropdown
+/**
+ * Дропдаун с организациями
+ *
+ * @visibleName TopBar.OrganizationsDropdown
  */
 
 export var TopBarOrganizations = /*#__PURE__*/function (_React$Component) {

package/components/TopBar/TopBarOrganizations/TopBarOrganizations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarOrganizations.tsx"],"names":["React","ArrowChevronDownIcon","CommonWrapper","TopBarDropdown","jsStyles","TopBarOrganizations","state","captionWhiteSpace","minWidth","_caption","_comment","renderMain","props","caption","comment","rest","title","organizationsTitle","paddingRight","offsetWidth","undefined","_getCaptionRef","organizationsComment","_getCommentRef","organizationsArrow","organizationsTitleDummy","whiteSpace","organizationsCommentDummy","children","element","componentDidMount","_recalculateWidth","componentDidUpdate","prevProps","render","commentWidth","setState","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ArrowChevronDownIcon } from '../../internal/icons/16px';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { TopBarDropdown } from './TopBarDropdown';\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\nexport interface TopBarOrganizationsProps extends CommonProps {\r\n  caption: React.ReactNode;\r\n  comment?: Nullable<string>;\r\n}\r\n\r\nexport interface TopBarOrganizationsState {\r\n  captionWhiteSpace: React.CSSProperties['whiteSpace'];\r\n  minWidth: Nullable<number>;\r\n}\r\n/**\r\n * Дропдаун с организациями\r\n *\r\n * @visibleName TopBar.OrganizationsDropdown\r\n */\r\n\r\nexport class TopBarOrganizations extends React.Component<TopBarOrganizationsProps, TopBarOrganizationsState> {\r\n  public static __KONTUR_REACT_UI__ = 'TopBarOrganizations';\r\n\r\n  public state = {\r\n    captionWhiteSpace: 'normal' as React.CSSProperties['whiteSpace'],\r\n    minWidth: null,\r\n  };\r\n\r\n  private _caption: Nullable<HTMLElement>;\r\n  private _comment: Nullable<HTMLElement>;\r\n\r\n  public componentDidMount() {\r\n    this._recalculateWidth();\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: TopBarOrganizationsProps) {\r\n    if (prevProps.caption !== this.props.caption) {\r\n      this._recalculateWidth();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<TopBarOrganizationsProps>) => {\r\n    const { caption, comment, ...rest } = props;\r\n\r\n    const title = (\r\n      <div>\r\n        <span\r\n          className={jsStyles.organizationsTitle()}\r\n          style={{\r\n            paddingRight: this._comment ? this._comment.offsetWidth + 30 : undefined,\r\n          }}\r\n        >\r\n          <span ref={this._getCaptionRef}>{caption}</span>\r\n          {comment && (\r\n            <span className={jsStyles.organizationsComment()} ref={this._getCommentRef}>\r\n              {comment}\r\n            </span>\r\n          )}\r\n          <span className={jsStyles.organizationsArrow()}>\r\n            <ArrowChevronDownIcon color=\"#aaa\" size={14} />\r\n          </span>\r\n        </span>\r\n        <div className={jsStyles.organizationsTitleDummy()} style={{ whiteSpace: this.state.captionWhiteSpace }}>\r\n          <span>{caption}</span>\r\n          {comment && <span className={jsStyles.organizationsCommentDummy()}>{comment}</span>}\r\n        </div>\r\n      </div>\r\n    );\r\n\r\n    return (\r\n      <TopBarDropdown {...rest} label={title} minWidth={this.state.minWidth}>\r\n        {this.props.children}\r\n      </TopBarDropdown>\r\n    );\r\n  };\r\n\r\n  private _getCaptionRef = (element: HTMLSpanElement) => {\r\n    this._caption = element;\r\n  };\r\n\r\n  private _getCommentRef = (element: HTMLSpanElement) => {\r\n    this._comment = element;\r\n  };\r\n\r\n  private _recalculateWidth() {\r\n    const commentWidth = this._comment ? this._comment.offsetWidth : 0;\r\n    if (!this._caption) {\r\n      return;\r\n    }\r\n    // 360 is minWidth from guides. Apply it when content is bigger.\r\n    // 315 is because of 15px left padding and 30px arrow.\r\n    if (this._caption.offsetWidth + commentWidth > 315) {\r\n      this.setState({\r\n        captionWhiteSpace: 'normal',\r\n        minWidth: 360,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        captionWhiteSpace: 'nowrap',\r\n        minWidth: null,\r\n      });\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["TopBarOrganizations.tsx"],"names":["React","ArrowChevronDownIcon","CommonWrapper","TopBarDropdown","jsStyles","TopBarOrganizations","state","captionWhiteSpace","minWidth","_caption","_comment","renderMain","props","caption","comment","rest","title","organizationsTitle","paddingRight","offsetWidth","undefined","_getCaptionRef","organizationsComment","_getCommentRef","organizationsArrow","organizationsTitleDummy","whiteSpace","organizationsCommentDummy","children","element","componentDidMount","_recalculateWidth","componentDidUpdate","prevProps","render","commentWidth","setState","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { ArrowChevronDownIcon } from '../../internal/icons/16px';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\n\nimport { TopBarDropdown } from './TopBarDropdown';\nimport { jsStyles } from './TopBar.styles';\n\nexport interface TopBarOrganizationsProps extends CommonProps {\n  caption: React.ReactNode;\n  comment?: Nullable<string>;\n}\n\nexport interface TopBarOrganizationsState {\n  captionWhiteSpace: React.CSSProperties['whiteSpace'];\n  minWidth: Nullable<number>;\n}\n/**\n * Дропдаун с организациями\n *\n * @visibleName TopBar.OrganizationsDropdown\n */\n\nexport class TopBarOrganizations extends React.Component<TopBarOrganizationsProps, TopBarOrganizationsState> {\n  public static __KONTUR_REACT_UI__ = 'TopBarOrganizations';\n\n  public state = {\n    captionWhiteSpace: 'normal' as React.CSSProperties['whiteSpace'],\n    minWidth: null,\n  };\n\n  private _caption: Nullable<HTMLElement>;\n  private _comment: Nullable<HTMLElement>;\n\n  public componentDidMount() {\n    this._recalculateWidth();\n  }\n\n  public componentDidUpdate(prevProps: TopBarOrganizationsProps) {\n    if (prevProps.caption !== this.props.caption) {\n      this._recalculateWidth();\n    }\n  }\n\n  public render() {\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<TopBarOrganizationsProps>) => {\n    const { caption, comment, ...rest } = props;\n\n    const title = (\n      <div>\n        <span\n          className={jsStyles.organizationsTitle()}\n          style={{\n            paddingRight: this._comment ? this._comment.offsetWidth + 30 : undefined,\n          }}\n        >\n          <span ref={this._getCaptionRef}>{caption}</span>\n          {comment && (\n            <span className={jsStyles.organizationsComment()} ref={this._getCommentRef}>\n              {comment}\n            </span>\n          )}\n          <span className={jsStyles.organizationsArrow()}>\n            <ArrowChevronDownIcon color=\"#aaa\" size={14} />\n          </span>\n        </span>\n        <div className={jsStyles.organizationsTitleDummy()} style={{ whiteSpace: this.state.captionWhiteSpace }}>\n          <span>{caption}</span>\n          {comment && <span className={jsStyles.organizationsCommentDummy()}>{comment}</span>}\n        </div>\n      </div>\n    );\n\n    return (\n      <TopBarDropdown {...rest} label={title} minWidth={this.state.minWidth}>\n        {this.props.children}\n      </TopBarDropdown>\n    );\n  };\n\n  private _getCaptionRef = (element: HTMLSpanElement) => {\n    this._caption = element;\n  };\n\n  private _getCommentRef = (element: HTMLSpanElement) => {\n    this._comment = element;\n  };\n\n  private _recalculateWidth() {\n    const commentWidth = this._comment ? this._comment.offsetWidth : 0;\n    if (!this._caption) {\n      return;\n    }\n    // 360 is minWidth from guides. Apply it when content is bigger.\n    // 315 is because of 15px left padding and 30px arrow.\n    if (this._caption.offsetWidth + commentWidth > 315) {\n      this.setState({\n        captionWhiteSpace: 'normal',\n        minWidth: 360,\n      });\n    } else {\n      this.setState({\n        captionWhiteSpace: 'nowrap',\n        minWidth: null,\n      });\n    }\n  }\n}\n"]}

package/components/TopBar/TopBarStart/TopBarStart.js

@@ -2,10 +2,10 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { jsStyles } from "../TopBar.styles";
-/**
- * Контейнер для сдвига к началу
- *
- * @visibleName TopBar.Start
+/**
+ * Контейнер для сдвига к началу
+ *
+ * @visibleName TopBar.Start
  */
 
 export var TopBarStart = function TopBarStart(_ref) {

package/components/TopBar/TopBarStart/TopBarStart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarStart.tsx"],"names":["React","CommonWrapper","jsStyles","TopBarStart","children","rest","startItems","__KONTUR_REACT_UI__"],"mappings":"oGAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,iBAAzB;;;;AAIA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,YAAGC,QAAH,QAAGA,QAAH,CAAgBC,IAAhB;AACrD,wBAAC,aAAD,EAAmBA,IAAnB;AACE,iCAAK,SAAS,EAAEH,QAAQ,CAACI,UAAT,EAAhB,IAAwCF,QAAxC,CADF,CADqD,GAAhD;;;AAKND,WAAD,CAAqBI,mBAArB,GAA2C,aAA3C","sourcesContent":["import React from 'react';\r\n\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\nexport type TopBarStartProps = CommonProps;\r\n\r\n/**\r\n * Контейнер для сдвига к началу\r\n *\r\n * @visibleName TopBar.Start\r\n */\r\n\r\nexport const TopBarStart: React.FC<TopBarStartProps> = ({ children, ...rest }) => (\r\n  <CommonWrapper {...rest}>\r\n    <div className={jsStyles.startItems()}>{children}</div>\r\n  </CommonWrapper>\r\n);\r\n(TopBarStart as any).__KONTUR_REACT_UI__ = 'TopBarStart';\r\n"]}
+{"version":3,"sources":["TopBarStart.tsx"],"names":["React","CommonWrapper","jsStyles","TopBarStart","children","rest","startItems","__KONTUR_REACT_UI__"],"mappings":"oGAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,iBAAzB;;;;AAIA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,YAAGC,QAAH,QAAGA,QAAH,CAAgBC,IAAhB;AACrD,wBAAC,aAAD,EAAmBA,IAAnB;AACE,iCAAK,SAAS,EAAEH,QAAQ,CAACI,UAAT,EAAhB,IAAwCF,QAAxC,CADF,CADqD,GAAhD;;;AAKND,WAAD,CAAqBI,mBAArB,GAA2C,aAA3C","sourcesContent":["import React from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './TopBar.styles';\n\nexport type TopBarStartProps = CommonProps;\n\n/**\n * Контейнер для сдвига к началу\n *\n * @visibleName TopBar.Start\n */\n\nexport const TopBarStart: React.FC<TopBarStartProps> = ({ children, ...rest }) => (\n  <CommonWrapper {...rest}>\n    <div className={jsStyles.startItems()}>{children}</div>\n  </CommonWrapper>\n);\n(TopBarStart as any).__KONTUR_REACT_UI__ = 'TopBarStart';\n"]}

package/components/TopBar/TopBarUser/TopBarUser.js

@@ -10,10 +10,10 @@ import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { TopBarLocaleHelper } from "../locale";
 import { TopBarDropdown } from "../TopBarDropdown";
 export
-/**
-* Меню работы с кабинетом пользователя
-*
-* @visibleName TopBar.User
+/**
+* Меню работы с кабинетом пользователя
+*
+* @visibleName TopBar.User
 */
 var TopBarUser = (_dec = locale('TopBar', TopBarLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(TopBarUser, _React$Component);
@@ -64,8 +64,8 @@ var TopBarUser = (_dec = locale('TopBar', TopBarLocaleHelper), _dec(_class = (_t
 }, _class2.propTypes = {
   userName: PropTypes.string,
 
-  /**
-  * URL для кастомизации ссылок в меню пользователя
+  /**
+  * URL для кастомизации ссылок в меню пользователя
   */
   cabinetUrl: PropTypes.string
 }, _temp)) || _class);

package/components/TopBar/TopBarUser/TopBarUser.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarUser.tsx"],"names":["React","PropTypes","locale","MenuItem","CommonWrapper","TopBarLocaleHelper","TopBarDropdown","TopBarUser","render","props","userName","cabinetUrl","cabinetSettings","cabinetCertificates","cabinetServices","Component","__KONTUR_REACT_UI__","defaultProps","propTypes","string"],"mappings":"uGAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,SAASC,MAAT,QAAuB,6BAAvB;AACA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAAuBC,kBAAvB,QAAiD,UAAjD;AACA,SAASC,cAAT,QAA+B,kBAA/B;;;;;;;;;;;;;AAaA,OAPA;AACA;AACA;AACA;AACA,GAGA,IAAaC,UAAb,WADCL,MAAM,CAAC,QAAD,EAAWG,kBAAX,CACP;;;;;;;;;;;;AAgBmBH,IAAAA,MAhBnB;;AAkBSM,EAAAA,MAlBT,GAkBE,kBAAgB;AACmB,SAAKC,KADxB,CACNC,QADM,eACNA,QADM,CACIC,UADJ,eACIA,UADJ;AAEoD,SAAKT,MAFzD,CAENU,eAFM,gBAENA,eAFM,CAEWC,mBAFX,gBAEWA,mBAFX,CAEgCC,eAFhC,gBAEgCA,eAFhC;;AAId;AACE,0BAAC,aAAD,EAAmB,KAAKL,KAAxB;AACE,0BAAC,cAAD,IAAgB,IAAI,EAAE,MAAtB,EAA8B,KAAK,EAAEC,QAArC;AACE,0BAAC,QAAD,IAAU,KAAK,MAAf,EAAgB,IAAI,EAAEC,UAAtB,EAAkC,MAAM,EAAC,QAAzC;AACGC,MAAAA,eADH,CADF;;AAIE,0BAAC,QAAD,IAAU,KAAK,MAAf,EAAgB,IAAI,EAAKD,UAAL,kBAApB,EAAoD,MAAM,EAAC,QAA3D;AACGE,MAAAA,mBADH,CAJF;;AAOE,0BAAC,QAAD,IAAU,KAAK,MAAf,EAAgB,IAAI,EAAKF,UAAL,cAApB,EAAgD,MAAM,EAAC,QAAvD;AACGG,MAAAA,eADH,CAPF,CADF,CADF;;;;;AAeD,GArCH,qBAAgCd,KAAK,CAACe,SAAtC,WACgBC,mBADhB,GACsC,YADtC,UAGgBC,YAHhB,GAG+B,EAC3BN,UAAU,EAAE,2BADe,EAH/B,UAOgBO,SAPhB,GAO4B,EACxBR,QAAQ,EAAET,SAAS,CAACkB,MADI,EAGxB;AACJ;AACA,KACIR,UAAU,EAAEV,SAAS,CAACkB,MANE,EAP5B","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { MenuItem } from '../MenuItem';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { TopBarLocale, TopBarLocaleHelper } from './locale';\r\nimport { TopBarDropdown } from './TopBarDropdown';\r\n\r\nexport interface TopBarUserProps extends CommonProps {\r\n  userName: string;\r\n  cabinetUrl?: string;\r\n}\r\n/**\r\n * Меню работы с кабинетом пользователя\r\n *\r\n * @visibleName TopBar.User\r\n */\r\n\r\n@locale('TopBar', TopBarLocaleHelper)\r\nexport class TopBarUser extends React.Component<TopBarUserProps> {\r\n  public static __KONTUR_REACT_UI__ = 'TopBarUser';\r\n\r\n  public static defaultProps = {\r\n    cabinetUrl: 'https://cabinet.kontur.ru',\r\n  };\r\n\r\n  public static propTypes = {\r\n    userName: PropTypes.string,\r\n\r\n    /**\r\n     * URL для кастомизации ссылок в меню пользователя\r\n     */\r\n    cabinetUrl: PropTypes.string,\r\n  };\r\n\r\n  private readonly locale!: TopBarLocale;\r\n\r\n  public render() {\r\n    const { userName, cabinetUrl } = this.props;\r\n    const { cabinetSettings, cabinetCertificates, cabinetServices } = this.locale;\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <TopBarDropdown icon={'user'} label={userName}>\r\n          <MenuItem loose href={cabinetUrl} target=\"_blank\">\r\n            {cabinetSettings}\r\n          </MenuItem>\r\n          <MenuItem loose href={`${cabinetUrl}/certificates`} target=\"_blank\">\r\n            {cabinetCertificates}\r\n          </MenuItem>\r\n          <MenuItem loose href={`${cabinetUrl}/services`} target=\"_blank\">\r\n            {cabinetServices}\r\n          </MenuItem>\r\n        </TopBarDropdown>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["TopBarUser.tsx"],"names":["React","PropTypes","locale","MenuItem","CommonWrapper","TopBarLocaleHelper","TopBarDropdown","TopBarUser","render","props","userName","cabinetUrl","cabinetSettings","cabinetCertificates","cabinetServices","Component","__KONTUR_REACT_UI__","defaultProps","propTypes","string"],"mappings":"uGAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,SAASC,MAAT,QAAuB,6BAAvB;AACA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAAuBC,kBAAvB,QAAiD,UAAjD;AACA,SAASC,cAAT,QAA+B,kBAA/B;;;;;;;;;;;;;AAaA,OAPA;AACA;AACA;AACA;AACA,GAGA,IAAaC,UAAb,WADCL,MAAM,CAAC,QAAD,EAAWG,kBAAX,CACP;;;;;;;;;;;;AAgBmBH,IAAAA,MAhBnB;;AAkBSM,EAAAA,MAlBT,GAkBE,kBAAgB;AACmB,SAAKC,KADxB,CACNC,QADM,eACNA,QADM,CACIC,UADJ,eACIA,UADJ;AAEoD,SAAKT,MAFzD,CAENU,eAFM,gBAENA,eAFM,CAEWC,mBAFX,gBAEWA,mBAFX,CAEgCC,eAFhC,gBAEgCA,eAFhC;;AAId;AACE,0BAAC,aAAD,EAAmB,KAAKL,KAAxB;AACE,0BAAC,cAAD,IAAgB,IAAI,EAAE,MAAtB,EAA8B,KAAK,EAAEC,QAArC;AACE,0BAAC,QAAD,IAAU,KAAK,MAAf,EAAgB,IAAI,EAAEC,UAAtB,EAAkC,MAAM,EAAC,QAAzC;AACGC,MAAAA,eADH,CADF;;AAIE,0BAAC,QAAD,IAAU,KAAK,MAAf,EAAgB,IAAI,EAAKD,UAAL,kBAApB,EAAoD,MAAM,EAAC,QAA3D;AACGE,MAAAA,mBADH,CAJF;;AAOE,0BAAC,QAAD,IAAU,KAAK,MAAf,EAAgB,IAAI,EAAKF,UAAL,cAApB,EAAgD,MAAM,EAAC,QAAvD;AACGG,MAAAA,eADH,CAPF,CADF,CADF;;;;;AAeD,GArCH,qBAAgCd,KAAK,CAACe,SAAtC,WACgBC,mBADhB,GACsC,YADtC,UAGgBC,YAHhB,GAG+B,EAC3BN,UAAU,EAAE,2BADe,EAH/B,UAOgBO,SAPhB,GAO4B,EACxBR,QAAQ,EAAET,SAAS,CAACkB,MADI,EAGxB;AACJ;AACA,KACIR,UAAU,EAAEV,SAAS,CAACkB,MANE,EAP5B","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { MenuItem } from '../MenuItem';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { TopBarLocale, TopBarLocaleHelper } from './locale';\nimport { TopBarDropdown } from './TopBarDropdown';\n\nexport interface TopBarUserProps extends CommonProps {\n  userName: string;\n  cabinetUrl?: string;\n}\n/**\n * Меню работы с кабинетом пользователя\n *\n * @visibleName TopBar.User\n */\n\n@locale('TopBar', TopBarLocaleHelper)\nexport class TopBarUser extends React.Component<TopBarUserProps> {\n  public static __KONTUR_REACT_UI__ = 'TopBarUser';\n\n  public static defaultProps = {\n    cabinetUrl: 'https://cabinet.kontur.ru',\n  };\n\n  public static propTypes = {\n    userName: PropTypes.string,\n\n    /**\n     * URL для кастомизации ссылок в меню пользователя\n     */\n    cabinetUrl: PropTypes.string,\n  };\n\n  private readonly locale!: TopBarLocale;\n\n  public render() {\n    const { userName, cabinetUrl } = this.props;\n    const { cabinetSettings, cabinetCertificates, cabinetServices } = this.locale;\n\n    return (\n      <CommonWrapper {...this.props}>\n        <TopBarDropdown icon={'user'} label={userName}>\n          <MenuItem loose href={cabinetUrl} target=\"_blank\">\n            {cabinetSettings}\n          </MenuItem>\n          <MenuItem loose href={`${cabinetUrl}/certificates`} target=\"_blank\">\n            {cabinetCertificates}\n          </MenuItem>\n          <MenuItem loose href={`${cabinetUrl}/services`} target=\"_blank\">\n            {cabinetServices}\n          </MenuItem>\n        </TopBarDropdown>\n      </CommonWrapper>\n    );\n  }\n}\n"]}

package/components/TopBar/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,oBAAd;AACA,cAAc,iBAAd;AACA,cAAc,kBAAd;AACA,cAAc,aAAd;AACA,cAAc,cAAd;AACA,cAAc,gBAAd;AACA,cAAc,uBAAd;AACA,cAAc,eAAd;AACA,cAAc,cAAd","sourcesContent":["export * from './TopBar';\r\nexport * from './TopBarButtonItem';\r\nexport * from './TopBarDivider';\r\nexport * from './TopBarDropdown';\r\nexport * from './TopBarEnd';\r\nexport * from './TopBarItem';\r\nexport * from './TopBarLogout';\r\nexport * from './TopBarOrganizations';\r\nexport * from './TopBarStart';\r\nexport * from './TopBarUser';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,oBAAd;AACA,cAAc,iBAAd;AACA,cAAc,kBAAd;AACA,cAAc,aAAd;AACA,cAAc,cAAd;AACA,cAAc,gBAAd;AACA,cAAc,uBAAd;AACA,cAAc,eAAd;AACA,cAAc,cAAd","sourcesContent":["export * from './TopBar';\nexport * from './TopBarButtonItem';\nexport * from './TopBarDivider';\nexport * from './TopBarDropdown';\nexport * from './TopBarEnd';\nexport * from './TopBarItem';\nexport * from './TopBarLogout';\nexport * from './TopBarOrganizations';\nexport * from './TopBarStart';\nexport * from './TopBarUser';\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["en.ts"],"names":["componentsLocales","cabinetSettings","cabinetCertificates","cabinetServices","logout"],"mappings":";;AAEA,OAAO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,eAAe,EAAE,yBAD4B;AAE7CC,EAAAA,mBAAmB,EAAE,cAFwB;AAG7CC,EAAAA,eAAe,EAAE,sBAH4B;AAI7CC,EAAAA,MAAM,EAAE,QAJqC,EAAxC","sourcesContent":["import { TopBarLocale } from '../types';\r\n\r\nexport const componentsLocales: TopBarLocale = {\r\n  cabinetSettings: 'Personal account Kontur',\r\n  cabinetCertificates: 'Certificates',\r\n  cabinetServices: 'Payment for services',\r\n  logout: 'Logout',\r\n};\r\n"]}
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","cabinetSettings","cabinetCertificates","cabinetServices","logout"],"mappings":";;AAEA,OAAO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,eAAe,EAAE,yBAD4B;AAE7CC,EAAAA,mBAAmB,EAAE,cAFwB;AAG7CC,EAAAA,eAAe,EAAE,sBAH4B;AAI7CC,EAAAA,MAAM,EAAE,QAJqC,EAAxC","sourcesContent":["import { TopBarLocale } from '../types';\n\nexport const componentsLocales: TopBarLocale = {\n  cabinetSettings: 'Personal account Kontur',\n  cabinetCertificates: 'Certificates',\n  cabinetServices: 'Payment for services',\n  logout: 'Logout',\n};\n"]}