@qiwi/pijma-desktop 1.130.0

package/README.md

@@ -0,0 +1,80 @@
+# @qiwi/pijma-desktop
+
+Pijma desktop ui components.
+
+## Install
+```bash
+npm i --save @qiwi/pijma-desktop
+yarn add @qiwi/pijma-desktop
+```
+
+## Usage
+At first it's necessary to init `ThemeProvider` and optionally to apply style reset.
+```javascript
+import {ThemeProvider, injectGlobal, themes, fonts, reset} from '@qiwi/pijma-core'
+
+class App extends Component {
+  render () {
+    return (<ThemeProvider theme={themes.orange}>
+      <Provider store={store}>
+        <ConnectedRouter history={history}>
+          <div>
+            <Route path='/' component={TransactionList}/>
+          </div>
+        </ConnectedRouter>
+      </Provider>
+    </ThemeProvider>)
+  }
+}
+
+injectGlobal(fonts, reset, ...)
+```
+
+Then you may use the imported components at your own discretion.
+
+#### Button
+```javascript
+import React, {Component} from 'react'
+import {Button} from '@qiwi/pijma-desktop'
+
+export default class MyComponent extends Component{
+  render() {
+    return (
+      <div>
+        <Button text="foo"/>
+      </div>
+    )
+  }
+}
+```
+
+#### TextField
+```javascript
+import {TextField} from '@qiwi/pijma-desktop'
+
+export default class MyForm extends Component{
+  render() {
+    return (
+      <form>
+        <TextField type="number" name="foo"/>
+        <TextField type="tel" name="bar" placeholder="+7 (987) 564-32-10"/>
+      </form>
+    )
+  }
+}
+```
+
+#### MaskTextField
+```javascript
+import {MastTextField} from '@qiwi/pijma-desktop'
+
+export default class MyForm extends Component{
+  render() {
+    return (
+      <form>
+        <MastTextField type="tel" mask={['(', /\d/, /\d/, /\d/, ')', /\d/, /\d/, /\d/, '-', /\d/, /\d/, '-', /\d/, /\d/]}/>
+      </form>
+    )
+  }
+}
+```

package/lib/es5/actions/Actions.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+export interface ActionsProps {
+    size: 'accent' | 'normal' | 'minor';
+    vertical?: boolean;
+}
+export declare const Actions: FunctionComponent<ActionsProps>;

package/lib/es5/actions/Actions.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var pijma_core_1 = require("@qiwi/pijma-core");
+var margin = {
+    accent: 6,
+    normal: 5,
+    minor: 4,
+};
+exports.Actions = function (props) {
+    var elements = react_1.Children.toArray(props.children).filter(function (child) { return !!child; });
+    if (elements.length === 0) {
+        return null;
+    }
+    var content = react_1.Children.map(elements, function (child, key) { return (react_1.default.createElement(pijma_core_1.Box, { key: key, width: 1, maxWidth: 1, mt: key === 0 || !props.vertical ? undefined : margin[props.size], ml: key === 0 || props.vertical ? undefined : margin[props.size], children: child })); });
+    if (props.vertical) {
+        return (react_1.default.createElement(pijma_core_1.Box, { display: "inline-block", maxWidth: 1, children: content }));
+    }
+    return (react_1.default.createElement(pijma_core_1.Flex, { display: "inline-flex", align: "center", maxWidth: 1, children: content }));
+};
+exports.Actions.displayName = "Actions"
+//# sourceMappingURL=Actions.js.map

package/lib/es5/actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../src/actions/Actions.tsx"],"names":[],"mappings":";;;AAAA,qDAAmE;AAEnE,+CAA0C;AAO1C,IAAM,MAAM,GAA+C;IACzD,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;CACT,CAAA;AAEY,QAAA,OAAO,GAAoC,UAAC,KAAK;IAC5D,IAAM,QAAQ,GAAG,gBAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,CAAA;IAC1E,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QACzB,OAAO,IAAI,CAAA;KACZ;IACD,IAAM,OAAO,GAAG,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAgB,EAAE,GAAW,IAAK,OAAA,CACxE,8BAAC,gBAAG,IACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,CAAC,EACX,EAAE,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EACjE,EAAE,EAAE,GAAG,KAAK,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAChE,QAAQ,EAAE,KAAK,GACf,CACH,EATyE,CASzE,CAAC,CAAA;IACF,IAAI,KAAK,CAAC,QAAQ,EAAE;QAClB,OAAO,CACL,8BAAC,gBAAG,IACF,OAAO,EAAC,cAAc,EACtB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,OAAO,GACjB,CACH,CAAA;KACF;IACD,OAAO,CACL,8BAAC,iBAAI,IACH,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,QAAQ,EACd,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,OAAO,GACjB,CACH,CAAA;AACH,CAAC,CAAA;AAhCY,eAAO"}

package/lib/es5/actions/index.d.ts

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

package/lib/es5/actions/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Actions"), exports);
+//# sourceMappingURL=index.js.map

package/lib/es5/actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/actions/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB"}

package/lib/es5/alert/Alert.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+export interface AlertProps {
+    text: string;
+    type: 'success' | 'warning' | 'failure' | 'general';
+    action?: string;
+    onHide?: () => void;
+    onClick?: () => void;
+}
+export declare const Alert: FC<AlertProps>;

package/lib/es5/alert/Alert.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var pijma_core_1 = require("@qiwi/pijma-core");
+var typography_1 = require("../typography");
+var link_1 = require("../link");
+var AlertIconColor = {
+    success: '#4bbd5c',
+    warning: '#ff8c00',
+    failure: '#d0021b',
+    general: '#666666',
+};
+var AlertIconName = {
+    success: 'success',
+    warning: 'warning',
+    failure: 'attention',
+    general: 'info',
+};
+exports.Alert = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? 'general' : _b, text = _a.text, action = _a.action, onHide = _a.onHide, onClick = _a.onClick;
+    return (react_1.default.createElement(pijma_core_1.AlertControl, { onHide: onHide, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.Flex, { minHeight: 16, py: 5 },
+            react_1.default.createElement(pijma_core_1.FlexItem, null,
+                react_1.default.createElement(pijma_core_1.Icon, { name: AlertIconName[type], color: AlertIconColor[type] })),
+            react_1.default.createElement(pijma_core_1.FlexItem, { overflow: "hidden", mx: 4 },
+                react_1.default.createElement(typography_1.Paragraph, { children: text }),
+                action ? (react_1.default.createElement(pijma_core_1.Box, { mt: 1 },
+                    react_1.default.createElement(typography_1.Paragraph, null,
+                        react_1.default.createElement(link_1.Link, { bold: true, onClick: onClick, children: action })))) : (null)),
+            onHide ? (react_1.default.createElement(pijma_core_1.FlexItem, { ml: "auto", cursor: "pointer", opacity: renderProps.hover ? 0.7 : 1, transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", onClick: renderProps.onClick, onMouseMove: renderProps.onMouseEnter, onMouseOut: renderProps.onMouseLeave },
+                react_1.default.createElement(pijma_core_1.Icon, { name: "cross-small", color: "#666666" }))) : (null))); } }));
+};
+exports.Alert.displayName = "Alert"
+exports.Alert.defaultProps = {
+    type: 'general',
+};
+//# sourceMappingURL=Alert.js.map

package/lib/es5/alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/alert/Alert.tsx"],"names":[],"mappings":";;;AAAA,wDAA+B;AAE/B,+CAAmF;AAEnF,4CAAuC;AACvC,gCAA4B;AAU5B,IAAM,cAAc,GAAoD;IACtE,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,IAAM,aAAa,GAA+D;IAChF,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,MAAM;CAChB,CAAA;AAEY,QAAA,KAAK,GAAmB,UAAC,EAMrC;QALC,YAAgB,EAAhB,qCAAgB,EAChB,cAAI,EACJ,kBAAM,EACN,kBAAM,EACN,oBAAO;IACH,OAAA,CACJ,8BAAC,yBAAY,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAA,WAAW,IAAI,OAAA,CACvB,8BAAC,iBAAI,IACH,SAAS,EAAE,EAAE,EACb,EAAE,EAAE,CAAC;YAEL,8BAAC,qBAAQ;gBACP,8BAAC,iBAAI,IACH,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,EACzB,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAC3B,CACO;YACX,8BAAC,qBAAQ,IAAC,QAAQ,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC;gBAC/B,8BAAC,sBAAS,IACR,QAAQ,EAAE,IAAI,GACd;gBACD,MAAM,CAAC,CAAC,CAAC,CACR,8BAAC,gBAAG,IAAC,EAAE,EAAE,CAAC;oBACR,8BAAC,sBAAS;wBACR,8BAAC,WAAI,IACH,IAAI,QACJ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAM,GAChB,CACQ,CACR,CACP,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CACQ;YACV,MAAM,CAAC,CAAC,CAAC,CACR,8BAAC,qBAAQ,IACP,EAAE,EAAC,MAAM,EACT,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EACpC,UAAU,EAAC,0CAA0C,EACrD,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,WAAW,EAAE,WAAW,CAAC,YAAY,EACrC,UAAU,EAAE,WAAW,CAAC,YAAY;gBAEpC,8BAAC,iBAAI,IACH,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,SAAS,GACf,CACO,CACZ,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CACI,CACR,EAhDwB,CAgDxB,GACD,CAEH;AAtDK,CAsDL,CAAA;AA5DY,aAAK;AA8DlB,aAAK,CAAC,YAAY,GAAG;IACnB,IAAI,EAAE,SAAS;CAChB,CAAA"}

package/lib/es5/alert/index.d.ts

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

package/lib/es5/alert/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Alert"), exports);
+//# sourceMappingURL=index.js.map

package/lib/es5/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/alert/index.ts"],"names":[],"mappings":";;;AAAA,kDAAuB"}

package/lib/es5/annotation/Annotation.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Annotation: FC;

package/lib/es5/annotation/Annotation.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var pijma_core_1 = require("@qiwi/pijma-core");
+exports.Annotation = function (_a) {
+    var children = _a.children;
+    return (react_1.default.createElement(pijma_core_1.Card, { px: 11, pt: 11, pb: 12, r: 10, b: "solid 1px #e6e6e6" }, children));
+};
+exports.Annotation.displayName = "Annotation"
+//# sourceMappingURL=Annotation.js.map

package/lib/es5/annotation/Annotation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Annotation.js","sourceRoot":"","sources":["../../../src/annotation/Annotation.tsx"],"names":[],"mappings":";;;AAAA,wDAA+B;AAC/B,+CAAqC;AAExB,QAAA,UAAU,GAAO,UAAC,EAAU;QAAT,sBAAQ;IAAM,OAAA,CAC5C,8BAAC,iBAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAC,mBAAmB,IACvD,QAAQ,CACJ,CACR;AAJ6C,CAI7C,CAAA;AAJY,kBAAU"}

package/lib/es5/annotation/index.d.ts

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

package/lib/es5/annotation/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Annotation"), exports);
+//# sourceMappingURL=index.js.map

package/lib/es5/annotation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/annotation/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}

package/lib/es5/block-accordion/BlockAccordion.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from 'react';
+export interface BlockAccordionProps<I> {
+    items: I[];
+    opened: number[];
+    indent?: 's' | 'm' | 'l';
+    tabIndex?: number;
+    onChange: (opened: number[]) => void;
+}
+export interface BlockAccordionItemModel {
+    title: string;
+    content: ReactNode;
+}
+export declare const BlockAccordion: FunctionComponent<BlockAccordionProps<BlockAccordionItemModel>>;

package/lib/es5/block-accordion/BlockAccordion.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var pijma_core_1 = require("@qiwi/pijma-core");
+var typography_1 = require("../typography");
+var BlockAccordionIndent = {
+    s: 8,
+    m: 11,
+    l: 17,
+};
+exports.BlockAccordion = function (_a) {
+    var items = _a.items, _b = _a.indent, indent = _b === void 0 ? 'm' : _b, _c = _a.tabIndex, tabIndex = _c === void 0 ? 0 : _c, opened = _a.opened, onChange = _a.onChange;
+    return (react_1.default.createElement(pijma_core_1.AccordionControl, { items: items, opened: opened, onChange: onChange, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.Box, { py: 3 }, renderProps.items.map(function (item, index) { return (react_1.default.createElement(pijma_core_1.Card, { key: index, s: item.hovered || item.focused
+                ? '0 0 16px 0 rgba(0, 0, 0, 0.12)'
+                : index > 0 &&
+                    !(renderProps.items[index - 1].hovered ||
+                        renderProps.items[index - 1].focused)
+                    ? '0 -1px 0 #e6e6e6'
+                    : undefined, transition: "box-shadow 100ms cubic-bezier(0.4, 0.0, 0.2, 1)", onMouseEnter: item.onMouseEnter, onMouseLeave: item.onMouseLeave },
+            react_1.default.createElement(pijma_core_1.Flex, { tabIndex: tabIndex, wrap: "nowrap", justify: "space-between", align: "start", cursor: "pointer", px: BlockAccordionIndent[indent], pt: 4, pb: item.opened ? 2 : 4, onClick: item.onClick, onFocus: item.onFocus, onBlur: item.onBlur, onKeyDown: renderProps.onKeyDown },
+                react_1.default.createElement(typography_1.Paragraph, { bold: true, size: "m" }, item.title),
+                react_1.default.createElement(pijma_core_1.FlexItem, { shrink: 0, width: 6, height: 6, ml: 3, transform: "rotate(" + (item.opened ? 180 : 0) + "deg)", transition: "transform 0.3s ease-in-out" },
+                    react_1.default.createElement(pijma_core_1.Icon, { name: "angle-small-down" }))),
+            react_1.default.createElement(pijma_core_1.Box, { px: BlockAccordionIndent[indent], pb: 4, display: item.opened ? 'block' : 'none' }, typeof item.content === 'string' ? (react_1.default.createElement(typography_1.Paragraph, { size: "m" }, item.content)) : (item.content)))); }))); } }));
+};
+exports.BlockAccordion.displayName = "BlockAccordion"
+exports.BlockAccordion.defaultProps = {
+    indent: 'm',
+    tabIndex: 0,
+};
+//# sourceMappingURL=BlockAccordion.js.map

package/lib/es5/block-accordion/BlockAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockAccordion.js","sourceRoot":"","sources":["../../../src/block-accordion/BlockAccordion.tsx"],"names":[],"mappings":"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"}

package/lib/es5/block-accordion/index.d.ts

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

package/lib/es5/block-accordion/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BlockAccordion"), exports);
+//# sourceMappingURL=index.js.map

package/lib/es5/block-accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/block-accordion/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC"}

package/lib/es5/block-content/BlockContent.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export interface BlockContentProps {
+    indent?: 's' | 'm' | 'l';
+}
+export declare const BlockContent: FC<BlockContentProps>;

package/lib/es5/block-content/BlockContent.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var pijma_core_1 = require("@qiwi/pijma-core");
+var BlockContentIdent = {
+    s: 8,
+    m: '44px 44px 48px',
+    l: '44px 68px 48px',
+};
+exports.BlockContent = function (_a) {
+    var _b = _a.indent, indent = _b === void 0 ? 'm' : _b, children = _a.children;
+    return (react_1.default.createElement(pijma_core_1.Box, { p: BlockContentIdent[indent], children: children }));
+};
+exports.BlockContent.displayName = "BlockContent"
+exports.BlockContent.defaultProps = {
+    indent: 'm',
+};
+//# sourceMappingURL=BlockContent.js.map

package/lib/es5/block-content/BlockContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockContent.js","sourceRoot":"","sources":["../../../src/block-content/BlockContent.tsx"],"names":[],"mappings":";;;AAAA,wDAA+B;AAE/B,+CAAoC;AAMpC,IAAM,iBAAiB,GAA8E;IACnG,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,gBAAgB;IACnB,CAAC,EAAE,gBAAgB;CACpB,CAAA;AAEY,QAAA,YAAY,GAA0B,UAAC,EAAwB;QAAvB,cAAY,EAAZ,iCAAY,EAAE,sBAAQ;IAAM,OAAA,CAC/E,8BAAC,gBAAG,IACF,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAC5B,QAAQ,EAAE,QAAQ,GAClB,CACH;AALgF,CAKhF,CAAA;AALY,oBAAY;AAOzB,oBAAY,CAAC,YAAY,GAAG;IAC1B,MAAM,EAAE,GAAG;CACZ,CAAA"}

package/lib/es5/block-content/index.d.ts

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

package/lib/es5/block-content/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BlockContent"), exports);
+//# sourceMappingURL=index.js.map

package/lib/es5/block-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/block-content/index.ts"],"names":[],"mappings":";;;AAAA,yDAA8B"}

package/lib/es5/block-tabs/BlockTabs.d.ts

@@ -0,0 +1,20 @@
+import { FC, ReactNode } from 'react';
+import { IconProps, Value } from '@qiwi/pijma-core';
+export interface BlockTabsProps {
+    items: {
+        title: string;
+        icon?: IconProps['name'];
+        content?: ReactNode;
+    }[];
+    select?: number;
+    tabIndex?: number;
+    vertical?: boolean;
+    centered?: boolean;
+    hr?: boolean;
+    indent?: 's' | 'm' | 'l';
+    pt?: Value;
+    pb?: Value;
+    stub?: boolean | boolean[];
+    onChange?: (selected: number) => void;
+}
+export declare const BlockTabs: FC<BlockTabsProps>;

package/lib/es5/block-tabs/BlockTabs.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var pijma_core_1 = require("@qiwi/pijma-core");
+var typography_1 = require("../typography");
+var BlockTabsIndent = {
+    s: [8, 8, 8, 8],
+    m: [11, 11, 12, 11],
+    l: [11, 17, 12, 17],
+};
+var ContentIndent = {
+    s: 4,
+    m: 6,
+    l: 6,
+};
+var FlexOverflow = pijma_core_1.styled(pijma_core_1.Flex, pijma_core_1.FlexOptions)({
+    '&::-webkit-scrollbar': {
+        display: 'none',
+    },
+    scrollbarWidth: 'none',
+    msOverflowStyle: 'none',
+    position: 'relative',
+});
+FlexOverflow.displayName = "FlexOverflow"
+var TabContent = pijma_core_1.styled(pijma_core_1.FlexItem, pijma_core_1.FlexItemOptions)();
+TabContent.displayName = "TabContent"
+exports.BlockTabs = function (_a) {
+    var items = _a.items, _b = _a.select, select = _b === void 0 ? 0 : _b, _c = _a.tabIndex, tabIndex = _c === void 0 ? 0 : _c, _d = _a.vertical, vertical = _d === void 0 ? false : _d, _e = _a.centered, centered = _e === void 0 ? false : _e, _f = _a.stub, stub = _f === void 0 ? false : _f, _g = _a.hr, hr = _g === void 0 ? true : _g, _h = _a.indent, indent = _h === void 0 ? 'm' : _h, pt = _a.pt, pb = _a.pb, onChange = _a.onChange;
+    return (stub ? (react_1.default.createElement(pijma_core_1.Pos, { type: "relative" },
+        react_1.default.createElement(pijma_core_1.Flex, { direction: "column", pt: pt !== undefined ? pt : BlockTabsIndent[indent][0], pr: BlockTabsIndent[indent][1], pb: pb !== undefined ? pb : BlockTabsIndent[indent][2], pl: BlockTabsIndent[indent][3] },
+            react_1.default.createElement(FlexOverflow, { direction: "row", overflow: "auto", justify: centered ? 'space-between' : 'flex-start' },
+                (Array.isArray(stub) ? stub : [true, true, true]).map(function (icon, index, arr) { return (react_1.default.createElement(pijma_core_1.TabHeader, { key: index, title: "stub", indent: index === arr.length - 1 ? 0 : 5, wrap: !centered, tabIndex: -1, icon: icon ? 'qiwi' : undefined, vertical: vertical, select: false, width: centered ? 1 : undefined, stub: true })); }),
+                react_1.default.createElement(pijma_core_1.TabBorder, { width: centered ? 'calc(33% - 20px)' : vertical ? 13 : 21, left: 0, radius: hr, stub: true })),
+            react_1.default.createElement(pijma_core_1.FlexItem, null, hr ? (react_1.default.createElement(pijma_core_1.Pos, { type: "absolute", width: 1, left: 0, zIndex: 0 },
+                react_1.default.createElement(pijma_core_1.Card, { mt: "-1px", bg: "#e6e6e6", width: 1, height: "1px" }))) : (null)),
+            react_1.default.createElement(pijma_core_1.FlexItem, { mt: 4 },
+                react_1.default.createElement(typography_1.Paragraph, { stub: true }))))) : (react_1.default.createElement(pijma_core_1.TabsControl, { select: select, length: items.length, onChange: onChange, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.Pos, { type: "relative" },
+            react_1.default.createElement(pijma_core_1.Flex, { direction: "column", pt: pt !== undefined ? pt : BlockTabsIndent[indent][0], pr: BlockTabsIndent[indent][1], pb: pb !== undefined ? pb : BlockTabsIndent[indent][2], pl: BlockTabsIndent[indent][3] },
+                react_1.default.createElement(FlexOverflow, { direction: "row", overflow: "auto", justify: centered ? 'space-between' : 'flex-start' },
+                    renderProps.items.map(function (item, index) { return (react_1.default.createElement(pijma_core_1.TabHeader, { key: index, title: items[index].title, indent: index === items.length - 1 ? 0 : 5, wrap: !centered, tabIndex: tabIndex, icon: items[index].icon, vertical: vertical, select: item.select, focus: item.focus, width: centered ? 1 : undefined, ref: item.ref, onFocus: item.onFocus, onBlur: item.onBlur, onMouseEnter: item.onMouseEnter, onMouseLeave: item.onMouseLeave, onKeyDown: renderProps.onKeyDown, onClick: item.onClick })); }),
+                    react_1.default.createElement(pijma_core_1.TabBorder, { width: renderProps.borderWidth + "px", left: renderProps.borderLeft + "px", radius: hr })),
+                hr ? (react_1.default.createElement(pijma_core_1.FlexItem, null,
+                    react_1.default.createElement(pijma_core_1.Pos, { type: "absolute", width: 1, left: 0, zIndex: 0 },
+                        react_1.default.createElement(pijma_core_1.Card, { mt: "-1px", bg: "#e6e6e6", width: 1, height: "1px" })))) : (null),
+                items.map(function (_a, index) {
+                    var content = _a.content;
+                    return (react_1.default.createElement(TabContent, { key: index, display: select === index ? 'block' : 'none', pt: ContentIndent[indent], children: content }));
+                })))); } })));
+};
+exports.BlockTabs.displayName = "BlockTabs"
+exports.BlockTabs.defaultProps = {
+    select: 0,
+    tabIndex: 0,
+    vertical: false,
+    centered: false,
+    stub: false,
+    hr: true,
+    indent: 'm',
+};
+//# sourceMappingURL=BlockTabs.js.map

package/lib/es5/block-tabs/BlockTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTabs.js","sourceRoot":"","sources":["../../../src/block-tabs/BlockTabs.tsx"],"names":[],"mappings":";;;AAAA,wDAA0C;AAE1C,+CAayB;AAEzB,4CAAuC;AAoBvC,IAAM,eAAe,GAAgF;IACnG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IACnB,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;CACpB,CAAA;AAED,IAAM,aAAa,GAAyD;IAC1E,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,CAAA;AAED,IAAM,YAAY,GAAG,mBAAM,CAAC,iBAAI,EAAE,wBAAW,CAAC,CAAC;IAC7C,sBAAsB,EAAE;QACtB,OAAO,EAAE,MAAM;KAChB;IACD,cAAc,EAAE,MAAM;IACtB,eAAe,EAAE,MAAM;IACvB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAA;AAPI,YAAY;AASlB,IAAM,UAAU,GAAG,mBAAM,CAAC,qBAAQ,EAAE,4BAAe,CAAC,EAAE,CAAA;AAAhD,UAAU;AAEH,QAAA,SAAS,GAAuB,UAAC,EAY7C;QAXC,gBAAK,EACL,cAAU,EAAV,+BAAU,EACV,gBAAY,EAAZ,iCAAY,EACZ,gBAAgB,EAAhB,qCAAgB,EAChB,gBAAgB,EAAhB,qCAAgB,EAChB,YAAY,EAAZ,iCAAY,EACZ,UAAS,EAAT,8BAAS,EACT,cAAY,EAAZ,iCAAY,EACZ,UAAE,EACF,UAAE,EACF,sBAAQ;IACJ,OAAA,CACJ,IAAI,CAAC,CAAC,CAAC,CACL,8BAAC,gBAAG,IAAC,IAAI,EAAC,UAAU;QAClB,8BAAC,iBAAI,IACH,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EACtD,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAC9B,EAAE,EAAE,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EACtD,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAE9B,8BAAC,YAAY,IACX,SAAS,EAAC,KAAK,EACf,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY;gBAEjD,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAK,OAAA,CAC3E,8BAAC,sBAAS,IACR,GAAG,EAAE,KAAK,EACV,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,KAAK,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACxC,IAAI,EAAE,CAAC,QAAQ,EACf,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC/B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/B,IAAI,SACJ,CACH,EAb4E,CAa5E,CAAC;gBACF,8BAAC,sBAAS,IACR,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACzD,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,EAAE,EACV,IAAI,SACJ,CACW;YACf,8BAAC,qBAAQ,QACN,EAAE,CAAC,CAAC,CAAC,CACJ,8BAAC,gBAAG,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;gBAC/C,8BAAC,iBAAI,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,SAAS,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAC,KAAK,GAAE,CACjD,CACP,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CACQ;YACX,8BAAC,qBAAQ,IAAC,EAAE,EAAE,CAAC;gBACb,8BAAC,sBAAS,IAAC,IAAI,SAAE,CACR,CACN,CACH,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,wBAAW,IACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAA,WAAW,IAAI,OAAA,CACvB,8BAAC,gBAAG,IAAC,IAAI,EAAC,UAAU;YAClB,8BAAC,iBAAI,IACH,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EACtD,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAC9B,EAAE,EAAE,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EACtD,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAE9B,8BAAC,YAAY,IACX,SAAS,EAAC,KAAK,EACf,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY;oBAEjD,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACtC,8BAAC,sBAAS,IACR,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,EACzB,MAAM,EAAE,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC1C,IAAI,EAAE,CAAC,QAAQ,EACf,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EACvB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/B,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,SAAS,EAAE,WAAW,CAAC,SAAS,EAChC,OAAO,EAAE,IAAI,CAAC,OAAO,GACrB,CACH,EApBuC,CAoBvC,CAAC;oBACF,8BAAC,sBAAS,IACR,KAAK,EAAK,WAAW,CAAC,WAAW,OAAI,EACrC,IAAI,EAAK,WAAW,CAAC,UAAU,OAAI,EACnC,MAAM,EAAE,EAAE,GACV,CACW;gBACd,EAAE,CAAC,CAAC,CAAC,CACJ,8BAAC,qBAAQ;oBACP,8BAAC,gBAAG,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;wBAC/C,8BAAC,iBAAI,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,SAAS,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAC,KAAK,GAAE,CACjD,CACG,CACZ,CAAC,CAAC,CAAC,CACF,IAAI,CACL;gBACA,KAAK,CAAC,GAAG,CAAC,UAAC,EAAS,EAAE,KAAK;wBAAf,oBAAO;oBAAa,OAAA,CAC/B,8BAAC,UAAU,IACT,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC5C,EAAE,EAAE,aAAa,CAAC,MAAM,CAAC,EACzB,QAAQ,EAAE,OAAO,GACjB,CACH;gBAPgC,CAOhC,CAAC,CACG,CACH,CACP,EA5DwB,CA4DxB,GACD,CACH,CACF;AAtHK,CAsHL,CAAA;AAlIY,iBAAS;AAoItB,iBAAS,CAAC,YAAY,GAAG;IACvB,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,KAAK;IACX,EAAE,EAAE,IAAI;IACR,MAAM,EAAE,GAAG;CACZ,CAAA"}

package/lib/es5/block-tabs/index.d.ts

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

package/lib/es5/block-tabs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BlockTabs"), exports);
+//# sourceMappingURL=index.js.map

package/lib/es5/block-tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/block-tabs/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B"}