@qiwi/pijma-desktop-extra 0.1.0

package/lib/es6/test/datePicker.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider, themes } from '@qiwi/pijma-core';
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { DatePicker } from '../main/index.js';
+describe('DatePicker', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(DatePicker).not.toBeUndefined();
+    });
+    it('renders correctly', ()=>{
+        const datePicker = renderer.create(/*#__PURE__*/ _jsx(ThemeProvider, {
+            theme: themes.orange,
+            children: /*#__PURE__*/ _jsx(DatePicker, {
+                title: "Date"
+            })
+        }), {
+            createNodeMock: (element)=>{
+                if (element.type === 'input') {
+                    // mock a focus function
+                    return {
+                        focus: ()=>{
+                        /* noop */ }
+                    };
+                }
+                return null;
+            }
+        }).toJSON();
+        expect(datePicker).toMatchSnapshot();
+    });
+});

package/lib/es6/test/dateRangePicker.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider, themes } from '@qiwi/pijma-core';
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { DateRangePicker } from '../main/index.js';
+describe('DateRangePicker', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(DateRangePicker).not.toBeUndefined();
+    });
+    it('renders correctly', ()=>{
+        const dateRangePicker = renderer.create(/*#__PURE__*/ _jsx(ThemeProvider, {
+            theme: themes.orange,
+            children: /*#__PURE__*/ _jsx(DateRangePicker, {
+                onChange: ()=>{
+                /* noop */ },
+                dateTo: new Date('5/8/2019'),
+                dateFrom: new Date('5/8/2019'),
+                title: "Date"
+            })
+        }), {
+            createNodeMock: (element)=>{
+                if (element.type === 'input') {
+                    // mock a focus function
+                    return {
+                        focus: ()=>{
+                        /* noop */ }
+                    };
+                }
+                return null;
+            }
+        }).toJSON();
+        expect(dateRangePicker).toMatchSnapshot();
+    });
+});

package/lib/es6/test/divider.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider, themes } from '@qiwi/pijma-desktop';
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { Divider } from '../main/index.js';
+describe('Divider', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(Divider).not.toBeUndefined();
+    });
+    it('renders correctly', ()=>{
+        const divider = renderer.create(/*#__PURE__*/ _jsx(ThemeProvider, {
+            theme: themes.orange,
+            children: /*#__PURE__*/ _jsx(Divider, {
+                active: true
+            })
+        })).toJSON();
+        expect(divider).toMatchSnapshot();
+    });
+});

package/lib/es6/test/dropdown.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider, themes } from '@qiwi/pijma-core';
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { Container, Dropdown } from '../main/index.js';
+describe('Dropdown', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(Dropdown).not.toBeUndefined();
+    });
+    it('renders correctly', ()=>{
+        const dropdown = renderer.create(/*#__PURE__*/ _jsx(Dropdown, {
+            value: "SUCCESSFUL",
+            items: [
+                {
+                    name: 'Все',
+                    value: ''
+                },
+                {
+                    name: 'Проведенные',
+                    value: 'SUCCESSFUL'
+                },
+                {
+                    name: 'Новые',
+                    value: 'NEW'
+                },
+                {
+                    name: 'Отклоненные',
+                    value: 'DECLINED'
+                }, 
+            ],
+            show: false,
+            onChange: ()=>{
+            /* noop */ }
+        })).toJSON();
+        expect(dropdown).toMatchSnapshot();
+    });
+    it('inner renders correctly', ()=>{
+        const container = renderer.create(/*#__PURE__*/ _jsx(ThemeProvider, {
+            theme: themes.orange,
+            children: /*#__PURE__*/ _jsx(Container, {
+                value: "SUCCESSFUL",
+                items: [
+                    {
+                        name: 'Все',
+                        value: ''
+                    },
+                    {
+                        name: 'Проведенные',
+                        value: 'SUCCESSFUL'
+                    },
+                    {
+                        name: 'Новые',
+                        value: 'NEW'
+                    },
+                    {
+                        name: 'Отклоненные',
+                        value: 'DECLINED'
+                    }, 
+                ],
+                onSelect: ()=>{
+                /* noop */ }
+            })
+        })).toJSON();
+        expect(container).toMatchSnapshot();
+    });
+});

package/lib/es6/test/errorMessage.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { ErrorMessage } from '../main/index.js';
+describe('Icon', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(ErrorMessage).not.toBeUndefined();
+    });
+    it('renders correctly', ()=>{
+        const component = renderer.create(/*#__PURE__*/ _jsx(ErrorMessage, {
+            message: "Сообщение ошибки!!!",
+            title: "Заголовок ошибки",
+            icon: "plus",
+            iconColor: "#00FF00"
+        })).toJSON();
+        expect(component).toMatchSnapshot();
+    });
+    it('renders correctly', ()=>{
+        const component = renderer.create(/*#__PURE__*/ _jsx(ErrorMessage, {
+            message: "Сообщение ощибки!!!"
+        })).toJSON();
+        expect(component).toMatchSnapshot();
+    });
+});

package/lib/es6/test/header.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { MemoryRouter } from 'react-router';
+import { NavLink } from 'react-router-dom';
+import renderer from 'react-test-renderer';
+import { Header } from '../main/index.js';
+const navItems = [
+    {
+        name: 'Транзакции',
+        path: '/txn'
+    },
+    {
+        name: 'Статистика и аналитика',
+        path: '/'
+    },
+    {
+        name: 'Документы',
+        path: '/docs'
+    },
+    {
+        name: 'Документы123',
+        path: '/docs123'
+    }, 
+];
+describe('Header', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(Header).not.toBeUndefined();
+    });
+    it('renders correctly', ()=>{
+        const header = renderer.create(/*#__PURE__*/ _jsx(MemoryRouter, {
+            children: /*#__PURE__*/ _jsx(Header, {
+                isLoading: false,
+                title: 'Выплаты',
+                userName: 'best_test@test.ru',
+                selectorData: {
+                    items: [
+                        'Test_Agent'
+                    ],
+                    currentItem: 'Test_Agent'
+                },
+                // @ts-ignore
+                link: NavLink,
+                navItems: navItems,
+                navActiveItem: {
+                    pathname: '/docs'
+                },
+                onItemChange: ()=>{
+                /* noop */ },
+                onLogout: ()=>{
+                /* noop */ }
+            })
+        })).toJSON();
+        expect(header).toMatchSnapshot();
+    });
+    it('renders correctly', ()=>{
+        const header = renderer.create(/*#__PURE__*/ _jsx(MemoryRouter, {
+            children: /*#__PURE__*/ _jsx(Header, {
+                isLoading: false,
+                title: 'Выплаты',
+                userName: 'best_test@test.ru',
+                selectorData: {
+                    items: [],
+                    currentItem: ''
+                },
+                // @ts-ignore
+                link: NavLink,
+                navItems: navItems,
+                onItemChange: ()=>{
+                /* noop */ },
+                onLogout: ()=>{
+                /* noop */ }
+            })
+        })).toJSON();
+        expect(header).toMatchSnapshot();
+    });
+    it('renders correctly', ()=>{
+        const header = renderer.create(/*#__PURE__*/ _jsx(MemoryRouter, {
+            children: /*#__PURE__*/ _jsx(Header, {
+                isLoading: false,
+                title: 'Выплаты',
+                userName: 'best_test@test.ru',
+                selectorData: {
+                    items: [],
+                    currentItem: ''
+                },
+                // @ts-ignore
+                link: NavLink,
+                navItems: [],
+                onItemChange: ()=>{
+                /* noop */ },
+                onLogout: ()=>{
+                /* noop */ }
+            })
+        })).toJSON();
+        expect(header).toMatchSnapshot();
+    });
+    it('renders correctly', ()=>{
+        const header = renderer.create(/*#__PURE__*/ _jsx(MemoryRouter, {
+            children: /*#__PURE__*/ _jsx(Header, {
+                isLoading: true,
+                title: 'Выплаты',
+                userName: '',
+                selectorData: {
+                    items: [],
+                    currentItem: ''
+                },
+                // @ts-ignore
+                link: NavLink,
+                navItems: navItems
+            })
+        })).toJSON();
+        expect(header).toMatchSnapshot();
+    });
+});

package/lib/es6/test/icon.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { B2bIcon } from '../main/index.js';
+describe('Icon', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(B2bIcon).not.toBeUndefined();
+    });
+    it('renders correctly', ()=>{
+        const component = renderer.create(/*#__PURE__*/ _jsx(B2bIcon, {
+            // @ts-ignore
+            icon: "plus"
+        })).toJSON();
+        expect(component).toMatchSnapshot();
+    });
+    it('renders correctly', ()=>{
+        const component = renderer.create(/*#__PURE__*/ _jsx(B2bIcon, {
+            // @ts-ignore
+            icon: "plus",
+            iconColor: "#FF0000",
+            h: 50,
+            w: 50
+        })).toJSON();
+        expect(component).toMatchSnapshot();
+    });
+});

package/lib/es6/test/navigationMenu.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { MemoryRouter } from 'react-router';
+import { NavLink } from 'react-router-dom';
+import renderer from 'react-test-renderer';
+import { NavigationMenu } from '../main/index.js';
+const navItems = [
+    {
+        name: 'Транзакции',
+        path: '/txn'
+    },
+    {
+        name: 'Статистика и аналитика',
+        path: '/'
+    },
+    {
+        name: 'Документы',
+        path: '/docs'
+    },
+    {
+        name: 'Документы123',
+        path: '/docs123'
+    }, 
+];
+describe('NavigationMenu', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(NavigationMenu).not.toBeUndefined();
+    });
+    it('renders correctly', ()=>{
+        const component = renderer.create(/*#__PURE__*/ _jsx(MemoryRouter, {
+            children: /*#__PURE__*/ _jsx(NavigationMenu, {
+                link: NavLink,
+                active: '/txn',
+                items: navItems
+            })
+        })).toJSON();
+        expect(component).toMatchSnapshot();
+    });
+    it('renders correctly', ()=>{
+        const component = renderer.create(/*#__PURE__*/ _jsx(MemoryRouter, {
+            children: /*#__PURE__*/ _jsx(NavigationMenu, {
+                link: NavLink,
+                items: []
+            })
+        })).toJSON();
+        expect(component).toMatchSnapshot();
+    });
+    it('renders correctly', ()=>{
+        const component = renderer.create(/*#__PURE__*/ _jsx(MemoryRouter, {
+            children: /*#__PURE__*/ _jsx(NavigationMenu, {
+                link: NavLink,
+                active: '/fqefqw3fawe',
+                items: navItems
+            })
+        })).toJSON();
+        expect(component).toMatchSnapshot();
+    });
+    it('renders correctly', ()=>{
+        const items = navItems.map(({ name: value  })=>{
+            const node = /*#__PURE__*/ _jsx("div", {
+                children: value
+            });
+            return {
+                value,
+                node
+            };
+        });
+        const component = renderer.create(/*#__PURE__*/ _jsx(MemoryRouter, {
+            children: /*#__PURE__*/ _jsx(NavigationMenu, {
+                active: 'Документы',
+                items: items
+            })
+        })).toJSON();
+        expect(component).toMatchSnapshot();
+    });
+    it('renders correctly', ()=>{
+        const items = navItems.map(({ name: value  })=>{
+            const node = /*#__PURE__*/ _jsx("div", {
+                children: value
+            });
+            return {
+                value,
+                node
+            };
+        });
+        const component = renderer.create(/*#__PURE__*/ _jsx(MemoryRouter, {
+            children: /*#__PURE__*/ _jsx(NavigationMenu, {
+                active: 'Документы',
+                items: items,
+                isItemSelected: ()=>{
+                /* noop */ },
+                onChange: ()=>{
+                /* noop */ }
+            })
+        })).toJSON();
+        expect(component).toMatchSnapshot();
+    });
+});

package/lib/es6/test/obfuscatedPan.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { ObfuscatedPan } from '../main/index.js';
+describe('ObfuscatedPan', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(ObfuscatedPan).not.toBeUndefined();
+    });
+    it('renders correctly', ()=>{
+        const obfuscatedPan = renderer.create(/*#__PURE__*/ _jsx(ObfuscatedPan, {
+            panPrefix: "*",
+            pan: "4272291111221978"
+        })).toJSON();
+        expect(obfuscatedPan).toMatchSnapshot();
+    });
+});

package/lib/es6/test/offset.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { Offset } from '../main/index.js';
+describe('Offset', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(Offset).not.toBeUndefined();
+    });
+    it('renders correctly', ()=>{
+        const offset = renderer.create(/*#__PURE__*/ _jsx(Offset, {})).toJSON();
+        expect(offset).toMatchSnapshot();
+    });
+});

package/lib/es6/test/paginator.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { Paginator } from '../main/index.js';
+describe('Paginator', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(Paginator).not.toBeUndefined();
+    });
+    it('renders correctly', ()=>{
+        const paginator = renderer.create(/*#__PURE__*/ _jsx(Paginator, {
+            activePage: 2,
+            totalItemsCount: 40,
+            pageRangeDisplayed: 5,
+            itemsCountPerPage: 10
+        })).toJSON();
+        expect(paginator).toMatchSnapshot();
+    });
+});

package/lib/es6/test/product.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { Product } from '../main/index.js';
+describe('Product', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(Product).not.toBeUndefined();
+    });
+    it('renders correctly', ()=>{
+        const component = renderer.create(/*#__PURE__*/ _jsx(Product, {
+            title: 'title_qwe',
+            onChange: ()=>{
+            /* noop */ },
+            selectorData: {
+                currentItem: 'CurrItemms123',
+                items: []
+            }
+        })).toJSON();
+        expect(component).toMatchSnapshot();
+    });
+    it('renders correctly', ()=>{
+        const items = [
+            {
+                name: 'Payout_Test',
+                value: 'LNgEv2mW'
+            },
+            {
+                name: 'CurrItemms123',
+                value: 'LNgEv2mW142341234'
+            },
+            {
+                name: 'Payout_Test123',
+                value: 'LNgEv2mW123'
+            }, 
+        ];
+        const component = renderer.create(/*#__PURE__*/ _jsx(Product, {
+            title: 'title_qwe',
+            onChange: ()=>{
+            /* noop */ },
+            selectorData: {
+                currentItem: 'CurrItemms123',
+                items
+            }
+        })).toJSON();
+        expect(component).toMatchSnapshot();
+    });
+});

package/lib/es6/test/select.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider, themes } from '@qiwi/pijma-core';
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { Select } from '../main/index.js';
+describe('Select', ()=>{
+    it('closed renders correctly', ()=>{
+        const select = renderer.create(/*#__PURE__*/ _jsx(ThemeProvider, {
+            theme: themes.orange,
+            children: /*#__PURE__*/ _jsx(Select, {
+                value: "name",
+                items: [
+                    {
+                        name: 'name',
+                        value: 'value'
+                    }
+                ],
+                onChange: ()=>{
+                /* noop */ },
+                title: "test"
+            })
+        })).toJSON();
+        expect(select).toMatchSnapshot();
+    });
+});

package/lib/es6/test/spinner.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { B2bSpinner } from '../main/index.js';
+describe('Offset', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(B2bSpinner).not.toBeUndefined();
+    });
+    it('renders correctly', ()=>{
+        const offset = renderer.create(/*#__PURE__*/ _jsx(B2bSpinner, {})).toJSON();
+        expect(offset).toMatchSnapshot();
+    });
+});

package/lib/es6/test/table.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { columnFactory, Table } from '../main/index.js';
+describe('Table', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(Table).not.toBeUndefined();
+    });
+});
+describe('columnFactory', ()=>{
+    it('handles supported types', ()=>{
+        const cases = [
+            'foo',
+            'bar',
+            10,
+            {
+                accessor: 'baz'
+            }
+        ];
+        const mapping = {
+            foo: {
+                accessor: 'test'
+            }
+        };
+        const result = cases.map((el)=>columnFactory(el, mapping));
+        expect(result).toEqual([
+            {
+                accessor: 'test'
+            },
+            {
+                accessor: 'bar'
+            },
+            {
+                width: 10
+            },
+            {
+                accessor: 'baz'
+            }, 
+        ]);
+    });
+    it('throws err otherwise', ()=>{
+        expect(()=>columnFactory()).toThrow('unsupported table column type: undefined');
+    });
+    it('renders correctly', ()=>{
+        const table = renderer.create(/*#__PURE__*/ _jsx(Table, {
+            data: [
+                {
+                    name: 'qwe',
+                    value: 'qweasd'
+                }
+            ],
+            onSelect: ()=>{},
+            columns: [
+                {
+                    accessor: 'name'
+                },
+                {
+                    accessor: 'value'
+                }, 
+            ]
+        })).toJSON();
+        expect(table).toMatchSnapshot();
+    });
+});

package/lib/es6/test/trinary-check-icon.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { TrinaryCheckIcon } from '../main/index.js';
+describe('TrinaryCheckIcon', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(TrinaryCheckIcon).not.toBeUndefined();
+    });
+    it('renders correctly unchecked', ()=>{
+        const icon = renderer.create(/*#__PURE__*/ _jsx(TrinaryCheckIcon, {
+            value: 0
+        })).toJSON();
+        expect(icon).toMatchSnapshot();
+    });
+    it('renders correctly half-checked', ()=>{
+        const icon = renderer.create(/*#__PURE__*/ _jsx(TrinaryCheckIcon, {
+            value: 1
+        })).toJSON();
+        expect(icon).toMatchSnapshot();
+    });
+    it('renders correctly checked', ()=>{
+        const icon = renderer.create(/*#__PURE__*/ _jsx(TrinaryCheckIcon, {
+            value: 2
+        })).toJSON();
+        expect(icon).toMatchSnapshot();
+    });
+});

package/lib/es6/test/userProfile.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { UserProfile } from '../main/index.js';
+describe('UserProfile', ()=>{
+    it('is properly exported from lib index', ()=>{
+        expect(UserProfile).not.toBeUndefined();
+    });
+    it('renders correctly', ()=>{
+        const component = renderer.create(/*#__PURE__*/ _jsx(UserProfile, {
+            userName: 'testName',
+            onClick: ()=>{
+            /* noop */ }
+        })).toJSON();
+        expect(component).toMatchSnapshot();
+    });
+    it('renders correctly', ()=>{
+        const component = renderer.create(/*#__PURE__*/ _jsx(UserProfile, {})).toJSON();
+        expect(component).toMatchSnapshot();
+    });
+});