@qiwi/pijma-desktop-extra 0.1.0

package/lib/es5/main/table/index.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Table: function() {
+        return Table;
+    },
+    columnFactory: function() {
+        return _column.columnFactory;
+    }
+});
+var _extends = require("@swc/helpers/lib/_extends.js").default;
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _taggedTemplateLiteralLoose = require("@swc/helpers/lib/_tagged_template_literal_loose.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var _reactTable = require("react-table");
+var _constants = require("./constants.js");
+var _column = require("./column.js");
+function _templateObject() {
+    var data = _taggedTemplateLiteralLoose([
+        "\n  background-color: ",
+        ";\n  ",
+        ";\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _taggedTemplateLiteralLoose([
+        "\n  width: 100%;\n  table {\n    width: 100%;\n    border-spacing: 0;\n    font-family: 'Museo Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: 10pt;\n    text-overflow: ellipsis;\n\n    overflow: hidden;\n    overflow-wrap: break-word;\n    thead {\n      tr th {\n        border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n        font-size: 10pt;\n        font-weight: 150;\n        color: rgb(102, 102, 102);\n        text-align: start;\n        user-select: none;\n        :first-child {\n          padding-left: 32px;\n        }\n        :last-child {\n          padding-right: 20px;\n        }\n      }\n      font-weight: 300;\n      border-bottom: 1px solid ",
+        ";\n    }\n\n    tbody {\n      tr {\n        :hover {\n          background-color: ",
+        ";\n          cursor: pointer;\n        }\n        :last-child {\n          td {\n            border-bottom: 0;\n          }\n        }\n        td {\n          :first-child {\n            padding-left: 32px;\n          }\n          :last-child {\n            padding-right: 20px;\n          }\n        }\n      }\n    }\n\n    th,\n    td {\n      margin: 0;\n      padding: 0.25rem 12px;\n\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"
+    ]);
+    _templateObject1 = function _templateObject1() {
+        return data;
+    };
+    return data;
+}
+var TrWrapper = (0, _pijmaCore.styled)("tr")(_templateObject(), function(props) {
+    return props.active ? _constants.activeBackground : "none";
+}, function(props) {
+    return props.cursor ? "cursor: " + props.cursor + ";" : "";
+});
+var TableWrapper = _pijmaCore.styled.div(_templateObject1(), _constants.borderColor, _constants.tableHoverColor);
+var Table = function(param) {
+    var columns = param.columns, data = param.data, onSelect = param.onSelect, rowCursor = param.rowCursor, isActive = param.isActive;
+    // Use the state and functions returned from useTable to build your UI
+    var ref = (0, _reactTable.useTable)({
+        columns: columns,
+        data: data
+    }), getTableProps = ref.getTableProps, getTableBodyProps = ref.getTableBodyProps, headerGroups = ref.headerGroups, rows = ref.rows, prepareRow = ref.prepareRow;
+    // Render the UI for your table
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(TableWrapper, {
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)("table", _extends({}, getTableProps(), {
+            children: [
+                /*#__PURE__*/ (0, _jsxRuntime.jsx)("thead", {
+                    children: headerGroups.map(function(headerGroup, i) {
+                        return /*#__PURE__*/ (0, _jsxRuntime.jsx)("tr", _extends({}, headerGroup.getHeaderGroupProps(), {
+                            children: headerGroup.headers.map(function(column, i) {
+                                return /*#__PURE__*/ (0, _jsxRuntime.jsx)("th", _extends({}, column.getHeaderProps(), {
+                                    children: column.render("Header")
+                                }), i);
+                            })
+                        }), i);
+                    })
+                }),
+                /*#__PURE__*/ (0, _jsxRuntime.jsx)("tbody", _extends({}, getTableBodyProps(), {
+                    children: rows.map(function(row, i) {
+                        prepareRow(row);
+                        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(TrWrapper, _extends({
+                            "data-cy": "table-row"
+                        }, row.getRowProps(), {
+                            active: isActive ? isActive(row.original) : false,
+                            cursor: rowCursor,
+                            children: row.cells.map(function(cell, i) {
+                                return /*#__PURE__*/ (0, _jsxRuntime.jsx)("td", _extends({
+                                    onClick: function() {
+                                        return typeof onSelect === "function" && onSelect(row.original);
+                                    }
+                                }, cell.getCellProps(), {
+                                    children: cell.render("Cell")
+                                }), i);
+                            })
+                        }), i);
+                    })
+                }))
+            ]
+        }))
+    });
+};

package/lib/es5/main/theme/color.js

@@ -0,0 +1,127 @@
+// The main QIWI color
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PRIMARY: function() {
+        return PRIMARY;
+    },
+    HOVER: function() {
+        return HOVER;
+    },
+    BRAND: function() {
+        return BRAND;
+    },
+    BACKGROUND: function() {
+        return BACKGROUND;
+    },
+    TEXT: function() {
+        return TEXT;
+    },
+    LINK: function() {
+        return LINK;
+    },
+    LABEL: function() {
+        return LABEL;
+    },
+    STATUS: function() {
+        return STATUS;
+    },
+    BACKGROUND_COMMENT: function() {
+        return BACKGROUND_COMMENT;
+    },
+    USER_STATUS: function() {
+        return USER_STATUS;
+    },
+    POINT_STATUS: function() {
+        return POINT_STATUS;
+    },
+    SHADOW: function() {
+        return SHADOW;
+    }
+});
+var PRIMARY = "#ff8c00";
+var HOVER = "#FF8200";
+var BRAND = {
+    Primary: PRIMARY,
+    Secondary1: "#FF9E16",
+    Secondary2: "#FFB242",
+    Visa: "#1A1F71"
+};
+var BACKGROUND = {
+    Primary: "#FFF",
+    Accented: "#F5F5F5",
+    Undercoat: "#F9F9F9",
+    Shadow: "#DDD",
+    Reject: "#f0dfcb",
+    Approved: "#dff0cb",
+    Pending: "#ffff99",
+    Balance: "#eff4fa",
+    ErrorLimit: "#fcf2f3",
+    REJECTBLOCK: "#fff6e9"
+};
+var TEXT = {
+    Primary: "#000",
+    Secondary1: "#666",
+    Secondary2: "#999",
+    Secondary3: "#CCC",
+    Secondary4: "#EEE",
+    Error: "#D0021B",
+    Error2: "#9f2636",
+    Error1: "#ED4848",
+    Success: "#4BBD5C",
+    Success1: "#55D467"
+};
+var LINK = {
+    Primary: "#0023A0"
+};
+var LABEL = {};
+var STATUS = {
+    NEW: "#000",
+    ERROR: "#D0021B",
+    REJECTED: "#945623",
+    APPROVAL_PENDING: "#ff8f11",
+    COMPLETED: "#4BBD5C",
+    CASHIER_APPROVAL_PENDING: "#dd6d00",
+    ACCOUNTANT_APPROVAL_PENDING: "#ff8f11",
+    ACCOUNTANT_APPROVED: "#4BBD5C",
+    PAYMENT_PENDING: "#ff8f11"
+};
+var BACKGROUND_COMMENT = {
+    NEW: "#ddd",
+    ERROR: "#fae6e9",
+    REJECTED: "#d0bba9",
+    APPROVAL_PENDING: "#ff8f11",
+    COMPLETED: "#4BBD5C",
+    CASHIER_APPROVAL_PENDING: "#fff2e2",
+    ACCOUNTANT_APPROVAL_PENDING: "#ff8f11",
+    ACCOUNTANT_APPROVED: "#4BBD5C",
+    PAYMENT_PENDING: "#ff8f11"
+};
+var USER_STATUS = {
+    DRAFT: "#666",
+    INVITED: "#4566aa",
+    INVITE_EXPIRED: "#4566aa",
+    PHONE_CONFIRMED: "#4a7c11",
+    INVITE_PHONE_CONFIRMED: "#4a7c11",
+    VERIFIED: "#4a7c11",
+    BLOCKED: "#d0021b",
+    PHONE_NOT_CONFIRMED: "#ff9d26"
+};
+var POINT_STATUS = {
+    ACTIVE: "#19aa11",
+    BLOCKED: "#666"
+};
+var SHADOW = {
+    Z1: " 0px 1px 2px rgba(0, 0, 0, 0.12)",
+    Z2: " 0px 8px 16px rgba(0, 0, 0, 0.8)",
+    Z3: " 0px 14px 32px rgba(0, 0, 0, 0.16)",
+    Z4: " 0px 28px 52px rgba(0, 0, 0, 0.16)"
+};

package/lib/es5/main/theme/dimen.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SITE_WIDTH: function() {
+        return SITE_WIDTH;
+    },
+    SITE_INVITE_WIDTH: function() {
+        return SITE_INVITE_WIDTH;
+    },
+    SPINNER_SIZE: function() {
+        return SPINNER_SIZE;
+    },
+    default: function() {
+        return _default;
+    }
+});
+var SITE_WIDTH = "1180px";
+var SITE_INVITE_WIDTH = "780px";
+var SPINNER_SIZE = "50px";
+var _default = {
+    SITE_WIDTH: SITE_WIDTH,
+    SITE_INVITE_WIDTH: SITE_INVITE_WIDTH,
+    SPINNER_SIZE: SPINNER_SIZE
+};

package/lib/es5/main/theme/grid.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PRIMARY_OFFSET", {
+    enumerable: true,
+    get: function() {
+        return PRIMARY_OFFSET;
+    }
+});
+var PRIMARY_OFFSET = "40px";

package/lib/es5/main/theme/index.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    COLOR: function() {
+        return _color;
+    },
+    TEXT: function() {
+        return _text;
+    },
+    DIMEN: function() {
+        return _dimen;
+    }
+});
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _color = /*#__PURE__*/ _interopRequireWildcard(require("./color.js"));
+var _text = /*#__PURE__*/ _interopRequireWildcard(require("./text.js"));
+var _dimen = /*#__PURE__*/ _interopRequireWildcard(require("./dimen.js"));

package/lib/es5/main/theme/text.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    FONT_SIZE: function() {
+        return FONT_SIZE;
+    },
+    LINE_HEIGHT: function() {
+        return LINE_HEIGHT;
+    },
+    default: function() {
+        return _default;
+    }
+});
+var FONT_SIZE = {
+    Big: 24,
+    Medium: 20,
+    Normal: 17,
+    Small: 16,
+    XSmall: 10
+};
+var LINE_HEIGHT = 1.4;
+var _default = {
+    FONT_SIZE: FONT_SIZE,
+    LINE_HEIGHT: LINE_HEIGHT
+};

package/lib/es5/main/trinary-check-icon/TrinaryCheckboxProps.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib/es5/main/trinary-check-icon/index.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TrinaryCheckIcon: function() {
+        return TrinaryCheckIcon;
+    },
+    default: function() {
+        return _default;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var TrinaryCheckIcon = function(param) {
+    var focused = param.focused, disabled = param.disabled, value = param.value;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Svg, {
+        viewBox: "0 0 24 24",
+        width: "24px",
+        height: "24px",
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Rect, {
+                width: "18",
+                height: "18",
+                x: "3",
+                y: "3",
+                rx: "3",
+                ry: "3",
+                fill: "#e6e6e6",
+                transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)"
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Path, {
+                d: "M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3zm1 2a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H7z",
+                fill: focused && !disabled ? "#ff8c00" : "transparent",
+                transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)"
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Rect, {
+                width: "10",
+                height: "3",
+                x: "7",
+                y: "10.5",
+                fillRule: "nonzero",
+                rx: "1.5",
+                fill: value === 1 ? disabled ? "#ccc" : "#000" : "transparent",
+                transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)"
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Path, {
+                d: "M7.553 8.732a1.5 1.5 0 1 0-2.106 2.136l4.565 4.5a1.5 1.5 0 0 0 2.156-.051l9.957-10.8a1.5 1.5 0 1 0-2.206-2.034l-8.905 9.66-3.461-3.411z",
+                fill: value === 2 || value === true ? disabled ? "#ccc" : "#000" : "transparent",
+                transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)"
+            })
+        ]
+    });
+};
+var _default = TrinaryCheckIcon;

package/lib/es5/main/user-profile/UserProfileProps.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib/es5/main/user-profile/index.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "UserProfile", {
+    enumerable: true,
+    get: function() {
+        return UserProfile;
+    }
+});
+var _inherits = require("@swc/helpers/lib/_inherits.js").default;
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _taggedTemplateLiteralLoose = require("@swc/helpers/lib/_tagged_template_literal_loose.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+function _templateObject() {
+    var data = _taggedTemplateLiteralLoose([
+        "\n  width: 24px;\n  height: 24px;\n  float: left;\n  margin-left: 20px;\n  cursor: pointer;\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _taggedTemplateLiteralLoose([
+        ""
+    ]);
+    _templateObject1 = function _templateObject1() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _taggedTemplateLiteralLoose([
+        ""
+    ]);
+    _templateObject2 = function _templateObject2() {
+        return data;
+    };
+    return data;
+}
+var IconWrapper = (0, _pijmaCore.styled)("div")(_templateObject());
+var ProfileWrapper = (0, _pijmaCore.styled)("div")(_templateObject1());
+var Username = (0, _pijmaCore.styled)("div")(_templateObject2());
+var UserProfile = /*#__PURE__*/ function(Component) {
+    "use strict";
+    _inherits(UserProfile, Component);
+    function UserProfile() {
+        return Component.apply(this, arguments);
+    }
+    var _proto = UserProfile.prototype;
+    _proto.render = function render() {
+        var _props = this.props, onClick = _props.onClick, userName = _props.userName;
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(ProfileWrapper, {
+            children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Flex, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(Username, {
+                        children: userName
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(IconWrapper, {
+                        onClick: onClick,
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Icon, {
+                            name: "logout"
+                        })
+                    })
+                ]
+            })
+        });
+    };
+    return UserProfile;
+}(_react.Component);

package/lib/es5/test/amount.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var _reactTestRenderer = /*#__PURE__*/ _interopRequireDefault(require("react-test-renderer"));
+var _main = require("../main/index.js");
+describe("Amount", function() {
+    it("is properly exported from lib index", function() {
+        expect(_main.Amount).not.toBeUndefined();
+    });
+    it("renders correctly", function() {
+        var amount = _reactTestRenderer.default.create(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_main.Amount, {
+            value: "100000",
+            currency: "RUB"
+        })).toJSON();
+        expect(amount).toMatchSnapshot();
+    });
+});

package/lib/es5/test/checkbox.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var _reactTestRenderer = /*#__PURE__*/ _interopRequireDefault(require("react-test-renderer"));
+var _main = require("../main/index.js");
+describe("Checkbox", function() {
+    it("is properly exported from lib index", function() {
+        expect(_main.Checkbox).not.toBeUndefined();
+    });
+    it("renders correctly unchecked value in trinary mode", function() {
+        var checkbox = _reactTestRenderer.default.create(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_main.Checkbox, {
+            value: 0,
+            trinary: true
+        })).toJSON();
+        expect(checkbox).toMatchSnapshot();
+    });
+    it("renders correctly half-checked value in trinary mode", function() {
+        var checkbox = _reactTestRenderer.default.create(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_main.Checkbox, {
+            value: 1,
+            trinary: true
+        })).toJSON();
+        expect(checkbox).toMatchSnapshot();
+    });
+    it("renders correctly checked value in trinary mode", function() {
+        var checkbox = _reactTestRenderer.default.create(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_main.Checkbox, {
+            value: 2,
+            trinary: true
+        })).toJSON();
+        expect(checkbox).toMatchSnapshot();
+    });
+    it("renders correctly unchecked value", function() {
+        var checkbox = _reactTestRenderer.default.create(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_main.Checkbox, {
+            value: false
+        })).toJSON();
+        expect(checkbox).toMatchSnapshot();
+    });
+    it("renders correctly checked value", function() {
+        var checkbox = _reactTestRenderer.default.create(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_main.Checkbox, {
+            value: true
+        })).toJSON();
+        expect(checkbox).toMatchSnapshot();
+    });
+});

package/lib/es5/test/datePicker.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var _reactTestRenderer = /*#__PURE__*/ _interopRequireDefault(require("react-test-renderer"));
+var _main = require("../main/index.js");
+describe("DatePicker", function() {
+    it("is properly exported from lib index", function() {
+        expect(_main.DatePicker).not.toBeUndefined();
+    });
+    it("renders correctly", function() {
+        var datePicker = _reactTestRenderer.default.create(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.ThemeProvider, {
+            theme: _pijmaCore.themes.orange,
+            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_main.DatePicker, {
+                title: "Date"
+            })
+        }), {
+            createNodeMock: function(element) {
+                if (element.type === "input") {
+                    // mock a focus function
+                    return {
+                        focus: function() {
+                        /* noop */ }
+                    };
+                }
+                return null;
+            }
+        }).toJSON();
+        expect(datePicker).toMatchSnapshot();
+    });
+});

package/lib/es5/test/dateRangePicker.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var _reactTestRenderer = /*#__PURE__*/ _interopRequireDefault(require("react-test-renderer"));
+var _main = require("../main/index.js");
+describe("DateRangePicker", function() {
+    it("is properly exported from lib index", function() {
+        expect(_main.DateRangePicker).not.toBeUndefined();
+    });
+    it("renders correctly", function() {
+        var dateRangePicker = _reactTestRenderer.default.create(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.ThemeProvider, {
+            theme: _pijmaCore.themes.orange,
+            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_main.DateRangePicker, {
+                onChange: function() {
+                /* noop */ },
+                dateTo: new Date("5/8/2019"),
+                dateFrom: new Date("5/8/2019"),
+                title: "Date"
+            })
+        }), {
+            createNodeMock: function(element) {
+                if (element.type === "input") {
+                    // mock a focus function
+                    return {
+                        focus: function() {
+                        /* noop */ }
+                    };
+                }
+                return null;
+            }
+        }).toJSON();
+        expect(dateRangePicker).toMatchSnapshot();
+    });
+});

package/lib/es5/test/divider.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaDesktop = require("@qiwi/pijma-desktop");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var _reactTestRenderer = /*#__PURE__*/ _interopRequireDefault(require("react-test-renderer"));
+var _main = require("../main/index.js");
+describe("Divider", function() {
+    it("is properly exported from lib index", function() {
+        expect(_main.Divider).not.toBeUndefined();
+    });
+    it("renders correctly", function() {
+        var divider = _reactTestRenderer.default.create(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaDesktop.ThemeProvider, {
+            theme: _pijmaDesktop.themes.orange,
+            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_main.Divider, {
+                active: true
+            })
+        })).toJSON();
+        expect(divider).toMatchSnapshot();
+    });
+});