@qiwi/pijma-desktop-extra 0.2.36 → 0.2.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qiwi/pijma-desktop-extra",
-  "version": "0.2.36",
+  "version": "0.2.37",
   "type": "module",
   "main": "./target/es5/index.js",
   "module": "./target/es6/index.js",
@@ -18,13 +18,13 @@
   },
   "scripts": {
     "clean": "rimraf target node_modules",
-    "build": "concurrently 'npm:build:*'",
-    "build:es5": "cd src/main/ts && swc . -d ../../../target/es5 --config-file ../../../swc.es5.json && cd ../../.. && tsc-esm-fix --target=target/es5 --fillBlank",
-    "build:es6": "cd src/main/ts && swc . -d ../../../target/es6 --config-file ../../../swc.es6.json && cd ../../.. && tsc-esm-fix --target=target/es6 --fillBlank",
-    "build:dts": "tsc --project tsconfig.dts.json",
+    "build": "yarn build:all",
+    "build:es5": "yarn build:swc:es5",
+    "build:es6": "yarn build:swc:es6",
+    "build:dts": "yarn build:tsc",
     "test": "jest",
-    "format": "eslint --fix src && prettier --loglevel silent --write src",
-    "lint": "eslint src"
+    "format": "yarn fmt",
+    "lint": "yarn lint:eslint"
   },
   "files": [
     "target/dts",
@@ -33,48 +33,37 @@
   ],
   "dependencies": {
     "@qiwi/common-formatters": "^1.2.3",
-    "@qiwi/pijma-core": "1.165.0",
-    "@qiwi/pijma-desktop": "1.168.0",
-    "@swc/helpers": "^0.5.17",
+    "@qiwi/pijma-core": "1.165.1",
+    "@qiwi/pijma-desktop": "1.168.1",
+    "@swc/helpers": "^0.5.21",
     "@types/react-js-pagination": "^3.0.7",
     "@types/react-table": "^7.7.20",
     "date-fns": "^2.30.0",
-    "react-day-picker": "^8.7.1",
-    "react-dropzone": "^14.3.8",
+    "react-day-picker": "^8.10.1",
+    "react-dropzone": "^14.4.1",
     "react-table": "^7.8.0"
   },
   "devDependencies": {
     "@qiwi/pijma-infra": "1.11.3",
     "@types/jest": "^29.5.14",
     "@types/react-test-renderer": "^18.0.0",
-    "concurrently": "8.2.2",
-    "css-loader": "6.7.3",
-    "eslint": "8.40.0",
-    "eslint-config-qiwi": "1.17.6",
-    "fast-glob": "3.3.3",
-    "file-loader": "6.2.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "prettier": "2.8.8",
-    "prettier-config-qiwi": "1.7.2",
-    "react-i18next": "^11.18.5",
-    "react-router": "^6.11.1",
-    "react-router-dom": "^6.11.1",
-    "react-test-renderer": "^18.2.0",
-    "style-loader": "3.3.2",
-    "tsc-esm-fix": "2.20.13",
-    "typescript": "4.9.5",
-    "webpack": "5.101.0"
+    "react-i18next": "^11.18.6",
+    "react-router": "^6.30.3",
+    "react-router-dom": "^6.30.3",
+    "react-test-renderer": "^18.3.1"
   },
   "peerDependencies": {
-    "react-i18next": "^11.18.5"
+    "react-i18next": "^11.18.6"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/qiwi/pijma.git"
+    "url": "git+https://github.com/qiwi/pijma.git",
+    "directory": "packages/desktop-extra"
   },
   "bugs": {
     "url": "https://github.com/qiwi/pijma/issues"
   },
-  "homepage": "https://github.com/qiwi/pijma/#readme"
+  "homepage": "https://github.com/qiwi/pijma/tree/master/packages/desktop-extra#readme"
 }

package/target/es5/amount/index.js

@@ -12,7 +12,7 @@ var _interop_require_default = require("@swc/helpers/_/_interop_require_default"
 var _jsxruntime = require("react/jsx-runtime");
 var _commonformatters = require("@qiwi/common-formatters");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
-var Amount = function(param) {
+var Amount = function Amount(param) {
     var value = param.value, currency = param.currency, symbol = param.symbol, sign = param.sign, _param_fractionLength = param.fractionLength, fractionLength = _param_fractionLength === void 0 ? 2 : _param_fractionLength, _param_digitDelimiter = param.digitDelimiter, digitDelimiter = _param_digitDelimiter === void 0 ? ' ' : _param_digitDelimiter, fractionDelimiter = param.fractionDelimiter;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
         children: (0, _commonformatters.formatMoney)(value, {

package/target/es5/chip/index.js

@@ -33,7 +33,7 @@ function _templateObject1() {
 }
 var Container = (0, _pijmacore.styled)(_pijmacore.Box)(_templateObject());
 var IconContainer = _pijmacore.styled.div(_templateObject1());
-var Chip = function(param) {
+var Chip = function Chip(param) {
     var onRemove = param.onRemove, _param_text = param.text, text = _param_text === void 0 ? '' : _param_text;
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(Container, {
         height: 10,

package/target/es5/date-picker/index.js

@@ -146,12 +146,12 @@ var _DatePicker = /*#__PURE__*/ function(Component) {
                 }),
                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Overlay, {
                     show: this.state.showPicker,
-                    onHide: function() {
+                    onHide: function onHide() {
                     /* noop */ },
                     placement: "bottom",
                     container: this.myRef.current,
                     target: this.myRef.current,
-                    children: function() {
+                    children: function children() {
                         return /*#__PURE__*/ (0, _jsxruntime.jsx)(PickerDropdown, {
                             onFocus: _this.onFocus.bind(_this),
                             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactdaypicker.DayPicker, {

package/target/es5/date-range-picker/index.js

@@ -166,7 +166,7 @@ var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
                                 name: "calendar"
                             })
                         }),
-                        onChange: function() {
+                        onChange: function onChange() {
                         /* noop */ },
                         value: value,
                         error: errorDate ? t('datePicker:wrongDate') : undefined,
@@ -183,7 +183,7 @@ var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
                     placement: "bottom",
                     container: this.myRef.current,
                     target: this.myRef.current,
-                    children: function() {
+                    children: function children() {
                         return /*#__PURE__*/ (0, _jsxruntime.jsx)(PickerDropdown, {
                             onFocus: _this.onFocus,
                             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactdaypicker.DayPicker, _extends._({

package/target/es5/divider/index.js

@@ -31,7 +31,7 @@ var StyledBox = (0, _pijmacore.styled)(_pijmacore.Box)(_templateObject(), functi
     var radius = param.radius, theme = param.theme;
     return typeof radius === 'number' ? theme.scale * radius : radius;
 });
-var Divider = function(param) {
+var Divider = function Divider(param) {
     var _param_w = param.w, w = _param_w === void 0 ? '100%' : _param_w, _param_h = param.h, h = _param_h === void 0 ? '2px' : _param_h, _param_r = param.r, r = _param_r === void 0 ? '2px' : _param_r, _param_active = param.active, active = _param_active === void 0 ? false : _param_active;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(StyledBox, {
         width: w,

package/target/es5/dropdown/Container.js

@@ -103,7 +103,7 @@ var Container = /*#__PURE__*/ function(Component) {
                     return /*#__PURE__*/ (0, _jsxruntime.jsx)(Item, {
                         // @ts-ignore
                         active: value === el.name,
-                        onMouseDown: function() {
+                        onMouseDown: function onMouseDown() {
                             return onSelect(el);
                         },
                         children: renderItem ? renderItem(el) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Typo, {

package/target/es5/dropdown/index.js

@@ -68,7 +68,7 @@ var Dropdown = /*#__PURE__*/ function(Component) {
                     placement: "bottom",
                     container: this.myRef.current,
                     target: this.myRef.current,
-                    children: function() {
+                    children: function children() {
                         return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Container.Container, {
                             multiSelect: multiSelect,
                             items: items,

package/target/es5/file-uploader/FileUploaderControl.js

@@ -8,18 +8,18 @@ Object.defineProperty(exports, "default", {
         return _default;
     }
 });
-var FileUploaderControl = function(param) {
+var FileUploaderControl = function FileUploaderControl(param) {
     var value = param.value, children = param.children, onChange = param.onChange, onUpload = param.onUpload;
-    var invokeChange = function(files) {
+    var invokeChange = function invokeChange(files) {
         return onChange && onChange(files);
     };
     return children({
-        onChange: function(uploadFiles) {
+        onChange: function onChange(uploadFiles) {
             var nextFiles = value.concat(uploadFiles);
             onUpload && onUpload(uploadFiles);
             invokeChange(nextFiles);
         },
-        removeFile: function(index) {
+        removeFile: function removeFile(index) {
             var files = value.slice(0, index).concat(value.slice(index + 1));
             invokeChange(files);
         }

package/target/es5/file-uploader/index.js

@@ -20,8 +20,8 @@ var _reactdropzone = /*#__PURE__*/ _interop_require_default._(require("react-dro
 var _chip = require("../chip/index.js");
 var _FileUploaderControl = /*#__PURE__*/ _interop_require_default._(require("./FileUploaderControl.js"));
 var _FileUploaderStyles = /*#__PURE__*/ _interop_require_wildcard._(require("./FileUploaderStyles.js"));
-var FileUploader = function(_param) {
-    var files = _param.value, multiple = _param.multiple, text = _param.text, _param_accept = _param.accept, accept = _param_accept === void 0 ? [] : _param_accept, disabled = _param.disabled, noDialog = _param.noDialog, _param_maxFiles = _param.maxFiles, maxFiles = _param_maxFiles === void 0 ? 5 : _param_maxFiles, maxSize = _param.maxSize, minSize = _param.minSize, events = _object_without_properties_loose._(_param, [
+var FileUploader = function FileUploader(_0) {
+    var files = _0.value, multiple = _0.multiple, text = _0.text, _0_accept = _0.accept, accept = _0_accept === void 0 ? [] : _0_accept, disabled = _0.disabled, noDialog = _0.noDialog, _0_maxFiles = _0.maxFiles, maxFiles = _0_maxFiles === void 0 ? 5 : _0_maxFiles, maxSize = _0.maxSize, minSize = _0.minSize, events = _object_without_properties_loose._(_0, [
         "value",
         "multiple",
         "text",
@@ -36,7 +36,7 @@ var FileUploader = function(_param) {
         value: files,
         onUpload: events.onUpload,
         onChange: events.onChange,
-        children: function(param) {
+        children: function children(param) {
             var onChange = param.onChange, removeFile = param.removeFile;
             return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Box, {
                 cursor: disabled ? 'no-drop' : 'inherit',
@@ -51,7 +51,7 @@ var FileUploader = function(_param) {
                         maxSize: maxSize,
                         onDropAccepted: onChange,
                         onDropRejected: events.onDropRejected,
-                        children: function(param) {
+                        children: function children(param) {
                             var getRootProps = param.getRootProps, getInputProps = param.getInputProps, isDragActive = param.isDragActive;
                             return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_FileUploaderStyles.default, _extends._({
                                 // @ts-ignore
@@ -95,7 +95,7 @@ var FileUploader = function(_param) {
                                 mb: "5px",
                                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_chip.Chip, {
                                     text: f.name,
-                                    onRemove: function() {
+                                    onRemove: function onRemove() {
                                         return removeFile(index);
                                     }
                                 })

package/target/es5/footer/index.js

@@ -41,7 +41,7 @@ var References = (0, _pijmacore.styled)('a')(_templateObject1(), function(props)
 function setLang(lng) {
     localStorage.setItem('i18nextLng', lng);
 }
-var Footer = function(param) {
+var Footer = function Footer(param) {
     var email = param.email;
     var _useTranslation = (0, _reacti18next.useTranslation)(), t = _useTranslation.t, i18n = _useTranslation.i18n;
     var lang = i18n.language.replace(/(\w+).*/, '$1');
@@ -85,7 +85,7 @@ var Footer = function(param) {
                                 },
                                 id: "switch-ru",
                                 href: location.href,
-                                onClick: function() {
+                                onClick: function onClick() {
                                     return setLang('ru');
                                 },
                                 children: "РУС"
@@ -101,7 +101,7 @@ var Footer = function(param) {
                                 },
                                 id: "switch-en",
                                 href: location.href,
-                                onClick: function() {
+                                onClick: function onClick() {
                                     return setLang('en');
                                 },
                                 children: "EN"

package/target/es5/header/index.js

@@ -59,7 +59,7 @@ var Header = /*#__PURE__*/ function(Component) {
                 href: href,
                 title: name,
                 active: location.pathname === path,
-                onClick: function() {
+                onClick: function onClick() {
                     window.location.href = href;
                 }
             };

package/target/es5/logo/index.js

@@ -12,7 +12,7 @@ var _interop_require_default = require("@swc/helpers/_/_interop_require_default"
 var _jsxruntime = require("react/jsx-runtime");
 var _pijmacore = require("@qiwi/pijma-core");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
-var Logo = function() {
+var Logo = function Logo() {
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Box, {
         width: '266px',
         height: '64px',

package/target/es5/obfuscatedPan/index.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "ObfuscatedPan", {
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _jsxruntime = require("react/jsx-runtime");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
-var ObfuscatedPan = function(param) {
+var ObfuscatedPan = function ObfuscatedPan(param) {
     var pan = param.pan, _param_panPrefix = param.panPrefix, panPrefix = _param_panPrefix === void 0 ? '*' : _param_panPrefix;
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
         children: [

package/target/es5/select/index.js

@@ -36,7 +36,7 @@ function _templateObject1() {
     return data;
 }
 // https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#_isempty
-var isEmpty = function(obj) {
+var isEmpty = function isEmpty(obj) {
     return [
         Object,
         Array
@@ -131,7 +131,7 @@ var Select = /*#__PURE__*/ function(Component) {
                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmadesktop.TextField, _extends._({}, this.props, {
                     autoFocus: this.state.focus,
                     title: title || '',
-                    onChange: function() {
+                    onChange: function onChange() {
                     /* noop */ },
                     onBlur: multiSelect ? function() {
                     /* noop */ } : this.onBlur,

package/target/es5/spinner/index.js

@@ -13,7 +13,7 @@ var _jsxruntime = require("react/jsx-runtime");
 var _pijmacore = require("@qiwi/pijma-core");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _theme = require("../theme/index.js");
-var B2bSpinner = function() {
+var B2bSpinner = function B2bSpinner() {
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Spinner, {
         color: _theme.COLOR.PRIMARY,
         width: _theme.DIMEN.SPINNER_SIZE,

package/target/es5/step/index.js

@@ -16,15 +16,15 @@ var _pijmacore = require("@qiwi/pijma-core");
 var _pijmadesktop = require("@qiwi/pijma-desktop");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _StepStyle = /*#__PURE__*/ _interop_require_default._(require("./StepStyle.js"));
-var Step = function(props) {
+var Step = function Step(props) {
     var icon = props.icon, text = props.text, _props_variant = props.variant, variant = _props_variant === void 0 ? 'default' : _props_variant, rest = _object_without_properties_loose._(props, [
         "icon",
         "text",
         "variant"
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.ButtonControl, _extends._({}, rest, {
-        children: function(_param) {
-            var active = _param.active, focus = _param.focus, hover = _param.hover, events = _object_without_properties_loose._(_param, [
+        children: function children(_0) {
+            var active = _0.active, focus = _0.focus, hover = _0.hover, events = _object_without_properties_loose._(_0, [
                 "active",
                 "focus",
                 "hover"

package/target/es5/stepper/StepperControl.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "default", {
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 var _jsxruntime = require("react/jsx-runtime");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-var StepperControl = function(param) {
+var StepperControl = function StepperControl(param) {
     var step = param.step, steps = param.steps, children = param.children;
     var stepsArray = (0, _react.useMemo)(function() {
         return Array.from(new Array(steps));

package/target/es5/stepper/index.js

@@ -16,7 +16,7 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _divider = require("../divider/index.js");
 var _step = require("../step/index.js");
 var _StepperControl = /*#__PURE__*/ _interop_require_default._(require("./StepperControl.js"));
-var Stepper = function(param) {
+var Stepper = function Stepper(param) {
     var _param_step = param.step, step = _param_step === void 0 ? 1 : _param_step, steps = param.steps, _param_dividerWidth = param.dividerWidth, dividerWidth = _param_dividerWidth === void 0 ? 25 : _param_dividerWidth, onChange = param.onChange;
     if (!steps || steps <= 1) {
         return null;
@@ -26,7 +26,7 @@ var Stepper = function(param) {
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_StepperControl.default, {
             steps: steps,
             step: step,
-            children: function(param) {
+            children: function children(param) {
                 var variant = param.variant, currentStep = param.currentStep;
                 return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
                     children: [
@@ -34,7 +34,7 @@ var Stepper = function(param) {
                             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_step.Step, {
                                 variant: variant,
                                 text: currentStep,
-                                onClick: function() {
+                                onClick: function onClick() {
                                     return onChange && onChange(currentStep);
                                 }
                             })

package/target/es5/table/index.js

@@ -54,7 +54,7 @@ var TrWrapper = (0, _pijmacore.styled)('tr')(_templateObject(), function(props)
     return props.cursor ? 'cursor: ' + props.cursor + ';' : '';
 });
 var TableWrapper = _pijmacore.styled.div(_templateObject1(), _constants.borderColor, _constants.tableHoverColor);
-var Table = function(param) {
+var Table = function Table(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 _useTable = (0, _reacttable.useTable)({
@@ -99,7 +99,7 @@ var Table = function(param) {
                             cursor: rowCursor,
                             children: row.cells.map(function(cell, i) {
                                 return /*#__PURE__*/ (0, _jsxruntime.jsx)("td", _extends._({
-                                    onClick: function() {
+                                    onClick: function onClick() {
                                         return typeof onSelect === 'function' && onSelect(row.original);
                                     }
                                 }, cell.getCellProps(), {

package/target/es5/trinary-check-icon/index.js

@@ -20,7 +20,7 @@ var _interop_require_default = require("@swc/helpers/_/_interop_require_default"
 var _jsxruntime = require("react/jsx-runtime");
 var _pijmacore = require("@qiwi/pijma-core");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
-var TrinaryCheckIcon = function(param) {
+var TrinaryCheckIcon = function TrinaryCheckIcon(param) {
     var focused = param.focused, disabled = param.disabled, value = param.value;
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_pijmacore.Svg, {
         viewBox: "0 0 24 24",