@qiwi/pijma-desktop-extra 0.2.12 → 0.2.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qiwi/pijma-desktop-extra",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "type": "module",
   "main": "./target/es5/index.js",
   "module": "./target/es6/index.js",
@@ -32,38 +32,38 @@
     "target/es6/**/*"
   ],
   "dependencies": {
-    "@qiwi/common-formatters": "^1.2.1",
-    "@qiwi/pijma-core": "1.160.2",
-    "@qiwi/pijma-desktop": "1.160.3",
+    "@qiwi/common-formatters": "^1.2.2",
+    "@qiwi/pijma-core": "1.160.3",
+    "@qiwi/pijma-desktop": "1.160.4",
     "@types/react-js-pagination": "^3.0.4",
-    "@types/react-table": "^7.7.12",
-    "date-fns": "^2.29.2",
-    "react-day-picker": "^8.2.0",
-    "react-dropzone": "^14.2.2",
+    "@types/react-table": "^7.7.14",
+    "date-fns": "^2.30.0",
+    "react-day-picker": "^8.7.1",
+    "react-dropzone": "^14.2.3",
     "react-table": "^7.8.0"
   },
   "devDependencies": {
-    "@qiwi/pijma-infra": "1.11.0",
-    "@types/jest": "^29.0.0",
+    "@qiwi/pijma-infra": "1.11.1",
+    "@types/jest": "^29.5.1",
     "@types/react-test-renderer": "^18.0.0",
-    "concurrently": "7.4.0",
-    "css-loader": "6.7.1",
-    "eslint": "8.23.0",
+    "concurrently": "8.0.1",
+    "css-loader": "6.7.3",
+    "eslint": "8.40.0",
     "eslint-config-qiwi": "1.17.6",
-    "fast-glob": "3.2.11",
+    "fast-glob": "3.2.12",
     "file-loader": "6.2.0",
-    "jest": "^29.0.2",
-    "jest-environment-jsdom": "^29.0.2",
-    "prettier": "2.7.1",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "prettier": "2.8.8",
     "prettier-config-qiwi": "1.7.2",
     "react-i18next": "^11.18.5",
-    "react-router": "^6.3.0",
-    "react-router-dom": "^6.3.0",
+    "react-router": "^6.11.1",
+    "react-router-dom": "^6.11.1",
     "react-test-renderer": "^18.2.0",
-    "style-loader": "3.3.1",
-    "tsc-esm-fix": "2.20.4",
+    "style-loader": "3.3.2",
+    "tsc-esm-fix": "2.20.13",
     "typescript": "4.8.2",
-    "webpack": "5.74.0"
+    "webpack": "5.82.0"
   },
   "peerDependencies": {
     "react-i18next": "^11.18.5"

package/target/es5/amount/index.js

@@ -8,14 +8,14 @@ Object.defineProperty(exports, "Amount", {
         return Amount;
     }
 });
-var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-var _jsxRuntime = require("react/jsx-runtime");
-var _commonFormatters = require("@qiwi/common-formatters");
-var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+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 value = param.value, currency = param.currency, symbol = param.symbol, sign = param.sign, _fractionLength = param.fractionLength, fractionLength = _fractionLength === void 0 ? 2 : _fractionLength, _digitDelimiter = param.digitDelimiter, digitDelimiter = _digitDelimiter === void 0 ? " " : _digitDelimiter, fractionDelimiter = param.fractionDelimiter;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)("span", {
-        children: (0, _commonFormatters.formatMoney)(value, {
+    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, {
             currencyCode: currency,
             currencySymbol: symbol,
             sign: sign,

package/target/es5/checkbox/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "Checkbox", {
         return Checkbox;
     }
 });
-var _inherits = require("@swc/helpers/lib/_inherits.js").default;
-var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.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"));
-var _trinaryCheckIcon = /*#__PURE__*/ _interopRequireDefault(require("../trinary-check-icon/index.js"));
+var _inherits = require("@swc/helpers/_/_inherits");
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
+var _jsxruntime = require("react/jsx-runtime");
+var _pijmacore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _trinarycheckicon = /*#__PURE__*/ _interop_require_default._(require("../trinary-check-icon/index.js"));
 function _templateObject() {
-    var data = _taggedTemplateLiteralLoose([
+    var data = _tagged_template_literal_loose._([
         "\n  width: 24px;\n  height: 24px;\n"
     ]);
     _templateObject = function _templateObject() {
@@ -25,15 +25,15 @@ function _templateObject() {
     };
     return data;
 }
-var Wrapper = (0, _pijmaCore.styled)("div")(_templateObject());
+var Wrapper = (0, _pijmacore.styled)("div")(_templateObject());
 var Checkbox = /*#__PURE__*/ function(Component) {
     "use strict";
-    _inherits(Checkbox, Component);
+    _inherits._(Checkbox, Component);
     function Checkbox() {
         var _this;
         _this = Component.apply(this, arguments) || this;
         _this.onClick = function() {
-            var _props = _this.props, trinary = _props.trinary, onChange = _props.onChange, value = _props.value;
+            var _this_props = _this.props, trinary = _this_props.trinary, onChange = _this_props.onChange, value = _this_props.value;
             if (!onChange) {
                 return;
             }
@@ -51,10 +51,10 @@ var Checkbox = /*#__PURE__*/ function(Component) {
     }
     var _proto = Checkbox.prototype;
     _proto.render = function render() {
-        var _props = this.props, value = _props.value, disabled = _props.disabled, focused = _props.focused;
-        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(Wrapper, {
+        var _this_props = this.props, value = _this_props.value, disabled = _this_props.disabled, focused = _this_props.focused;
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(Wrapper, {
             onClick: this.onClick,
-            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_trinaryCheckIcon.default, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_trinarycheckicon.default, {
                 value: value,
                 disabled: disabled,
                 focused: focused

package/target/es5/chip/index.js

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "Chip", {
         return Chip;
     }
 });
-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 _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
+var _jsxruntime = require("react/jsx-runtime");
+var _pijmacore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 function _templateObject() {
-    var data = _taggedTemplateLiteralLoose([
+    var data = _tagged_template_literal_loose._([
         "\n  border-radius: 100px;\n  background-color: #e6e6e6;\n  display: grid;\n  grid-template-columns: 1fr max-content;\n  column-gap: 10px;\n  padding: 0 15px;\n  align-items: center;\n"
     ]);
     _templateObject = function _templateObject() {
@@ -23,7 +23,7 @@ function _templateObject() {
     return data;
 }
 function _templateObject1() {
-    var data = _taggedTemplateLiteralLoose([
+    var data = _tagged_template_literal_loose._([
         "\n  cursor: pointer;\n  display: flex;\n"
     ]);
     _templateObject1 = function _templateObject1() {
@@ -31,23 +31,23 @@ function _templateObject1() {
     };
     return data;
 }
-var Container = (0, _pijmaCore.styled)(_pijmaCore.Box)(_templateObject());
-var IconContainer = _pijmaCore.styled.div(_templateObject1());
+var Container = (0, _pijmacore.styled)(_pijmacore.Box)(_templateObject());
+var IconContainer = _pijmacore.styled.div(_templateObject1());
 var Chip = function(param) {
-    var onRemove = param.onRemove, _text = param.text, text = _text === void 0 ? "" : _text;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(Container, {
+    var onRemove = param.onRemove, _param_text = param.text, text = _param_text === void 0 ? "" : _param_text;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(Container, {
         height: 10,
         children: [
-            text && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Typo, {
+            text && /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Typo, {
                 size: 3.5,
                 height: 5,
                 nowrap: true,
                 clamp: 1,
                 children: text
             }),
-            /*#__PURE__*/ (0, _jsxRuntime.jsx)(IconContainer, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(IconContainer, {
                 onClick: onRemove,
-                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Icon, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
                     name: "cross",
                     size: "16px"
                 })

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

@@ -8,24 +8,24 @@ Object.defineProperty(exports, "DatePicker", {
         return DatePicker;
     }
 });
-var _assertThisInitialized = require("@swc/helpers/lib/_assert_this_initialized.js").default;
-var _inherits = require("@swc/helpers/lib/_inherits.js").default;
-var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.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 _assert_this_initialized = require("@swc/helpers/_/_assert_this_initialized");
+var _inherits = require("@swc/helpers/_/_inherits");
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
+var _jsxruntime = require("react/jsx-runtime");
 require("react-day-picker/dist/style.css");
-var _pijmaCore = require("@qiwi/pijma-core");
-var _pijmaDesktop = require("@qiwi/pijma-desktop");
-var _dateFns = require("date-fns");
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _reactDayPicker = require("react-day-picker");
-var _reactI18Next = require("react-i18next");
+var _pijmacore = require("@qiwi/pijma-core");
+var _pijmadesktop = require("@qiwi/pijma-desktop");
+var _datefns = require("date-fns");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _reactdaypicker = require("react-day-picker");
+var _reacti18next = require("react-i18next");
 var _theme = require("../theme/index.js");
 var _locale = require("./locale.js");
-var _wrap = /*#__PURE__*/ _interopRequireDefault(require("./wrap.js"));
+var _wrap = /*#__PURE__*/ _interop_require_default._(require("./wrap.js"));
 function _templateObject() {
-    var data = _taggedTemplateLiteralLoose([
+    var data = _tagged_template_literal_loose._([
         "\n  position: absolute;\n  background: #fff;\n  z-index: 10;\n  box-shadow: ",
         ";\n  border-radius: 8px;\n\n  .Selectable {\n    --rdp-cell-size: 40px;\n    --rdp-accent-color: rgba(255, 140, 0, 0.4);\n    --rdp-background-color: rgba(255, 140, 0.1);\n    /* Switch to dark colors for dark themes */\n    --rdp-accent-color-dark: rgba(255, 140, 0);\n    --rdp-background-color-dark: rgba(255, 140, 0.7);\n    /* Outline border for focused elements */\n    --rdp-outline: 2px solid var(--rdp-accent-color);\n    /* Outline border for focused and selected elements */\n    --rdp-outline-selected: 2px solid rgba(0, 0, 0, 0.75);\n\n    .my-selected {\n      padding: 0px;\n      width: 40px;\n      height: 40px;\n      color: black;\n      background-color: rgba(255, 140, 0);\n      border-radius: 50%;\n    }\n\n    .my-head-cell {\n      width: 40px;\n      height: 40px;\n      padding: 4px;\n    }\n\n    .my-month {\n      margin: 1rem;\n    }\n\n    .my-caption {\n      margin-bottom: 10px;\n      margin-left: 8px;\n      display: flex;\n      justify-content: space-between;\n    }\n\n    .my-day {\n      width: 40px;\n      height: 40px;\n      padding: 4px;\n    }\n\n    .my-today {\n      color: rgb(208, 2, 27);\n    }\n\n    .my-today {\n      color: rgb(208, 2, 27);\n    }\n\n    .my-caption-label {\n      font-size: 20px;\n    }\n  }\n"
     ]);
@@ -35,7 +35,7 @@ function _templateObject() {
     return data;
 }
 function _templateObject1() {
-    var data = _taggedTemplateLiteralLoose([
+    var data = _tagged_template_literal_loose._([
         "\n  position: relative;\n  width: 100%;\n"
     ]);
     _templateObject1 = function _templateObject1() {
@@ -43,15 +43,15 @@ function _templateObject1() {
     };
     return data;
 }
-var PickerDropdown = (0, _pijmaCore.styled)("div")(_templateObject(), _theme.COLOR.SHADOW.Z3);
-var Container = (0, _pijmaCore.styled)("div")(_templateObject1());
+var PickerDropdown = (0, _pijmacore.styled)("div")(_templateObject(), _theme.COLOR.SHADOW.Z3);
+var Container = (0, _pijmacore.styled)("div")(_templateObject1());
 var _DatePicker = /*#__PURE__*/ function(Component) {
     "use strict";
-    _inherits(_DatePicker, Component);
+    _inherits._(_DatePicker, Component);
     function _DatePicker(props) {
         var _this;
         _this = Component.call(this, props) || this;
-        _this.handleDayClick = _this.handleDayClick.bind(_assertThisInitialized(_this));
+        _this.handleDayClick = _this.handleDayClick.bind(_assert_this_initialized._(_this));
         _this.state = {
             value: "",
             date: undefined,
@@ -78,7 +78,7 @@ var _DatePicker = /*#__PURE__*/ function(Component) {
     _proto.handleDayClick = function handleDayClick(date) {
         this.setState({
             date: date,
-            value: (0, _dateFns.format)(date, "dd.MM.yyyy")
+            value: (0, _datefns.format)(date, "dd.MM.yyyy")
         });
         if (this.props.onChange) {
             this.props.onChange(date);
@@ -120,21 +120,21 @@ var _DatePicker = /*#__PURE__*/ function(Component) {
     _proto.parseDate = function parseDate(date) {
         var pattern = /^(0?[1-9]|[12]\d|3[01])\.(0?[1-9]|1[0-2])\.\d{4}$/;
         if (pattern.test(date)) {
-            var parseDate1 = date.split(".");
-            return new Date(parseDate1[1] + ", " + parseDate1[0] + ", " + parseDate1[2]);
+            var parseDate = date.split(".");
+            return new Date(parseDate[1] + ", " + parseDate[0] + ", " + parseDate[2]);
         }
     };
     _proto.render = function render() {
         var _this = this;
-        var _props = this.props, t = _props.t, i18n = _props.i18n;
-        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_wrap.default, {
+        var _this_props = this.props, t = _this_props.t, i18n = _this_props.i18n;
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_wrap.default, {
             onFocus: this.onFocus.bind(this),
             onBlur: this.onBlur.bind(this),
             children: [
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaDesktop.MaskTextField, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmadesktop.MaskTextField, {
                     type: "text",
                     title: this.props.title || t("datePicker:date"),
-                    hint: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Icon, {
+                    hint: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
                         name: "calendar"
                     }),
                     onChange: this.onChange.bind(this),
@@ -142,10 +142,10 @@ var _DatePicker = /*#__PURE__*/ function(Component) {
                     error: this.state.errorDate ? t("datePicker:wrongDate") : undefined,
                     mask: this.state.dateRangeMask
                 }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)(Container, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(Container, {
                     ref: this.myRef
                 }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Overlay, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Overlay, {
                     show: this.state.showPicker,
                     onHide: function() {
                     /* noop */ },
@@ -153,9 +153,9 @@ var _DatePicker = /*#__PURE__*/ function(Component) {
                     container: this.myRef.current,
                     target: this.myRef.current,
                     children: function() {
-                        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(PickerDropdown, {
+                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(PickerDropdown, {
                             onFocus: _this.onFocus.bind(_this),
-                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactDayPicker.DayPicker, {
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactdaypicker.DayPicker, {
                                 className: "Selectable",
                                 onDayClick: _this.handleDayClick.bind(_this),
                                 selected: _this.state.date,
@@ -180,4 +180,4 @@ var _DatePicker = /*#__PURE__*/ function(Component) {
     };
     return _DatePicker;
 }(_react.Component);
-var DatePicker = (0, _reactI18Next.withTranslation)()(_DatePicker);
+var DatePicker = (0, _reacti18next.withTranslation)()(_DatePicker);

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

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "locales", {
         return locales;
     }
 });
-var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-var _indexJs = /*#__PURE__*/ _interopRequireDefault(require("date-fns/locale/en-US/index.js"));
-var _indexJs1 = /*#__PURE__*/ _interopRequireDefault(require("date-fns/locale/ru/index.js"));
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _index = /*#__PURE__*/ _interop_require_default._(require("date-fns/locale/en-US/index.js"));
+var _index1 = /*#__PURE__*/ _interop_require_default._(require("date-fns/locale/ru/index.js"));
 var locales = {
-    en: _indexJs.default,
-    ru: _indexJs1.default
+    en: _index.default,
+    ru: _index1.default
 };

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

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "default", {
         return _default;
     }
 });
-var _taggedTemplateLiteralLoose = require("@swc/helpers/lib/_tagged_template_literal_loose.js").default;
-var _pijmaCore = require("@qiwi/pijma-core");
+var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
+var _pijmacore = require("@qiwi/pijma-core");
 function _templateObject() {
-    var data = _taggedTemplateLiteralLoose([
+    var data = _tagged_template_literal_loose._([
         "\n  .DayPicker {\n    display: inline-block;\n    * {\n      outline: 0;\n    }\n  }\n\n  .DayPicker-wrapper {\n    position: relative;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    padding-bottom: 1rem;\n    flex-direction: row;\n  }\n\n  .DayPicker-Months {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .DayPicker-Month {\n    display: table;\n    border-collapse: collapse;\n    border-spacing: 0;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    margin: 0 1rem;\n    margin-top: 1rem;\n  }\n\n  .DayPicker-NavBar {\n  }\n\n  .DayPicker-NavButton {\n    position: absolute;\n    cursor: pointer;\n    top: 1rem;\n    right: 1.5rem;\n    margin-top: 2px;\n    color: #8b9898;\n    width: 1.25rem;\n    height: 1.25rem;\n    display: inline-block;\n    background-size: 50%;\n    background-repeat: no-repeat;\n    background-position: center;\n  }\n\n  .DayPicker-NavButton:hover {\n    opacity: 0.8;\n  }\n\n  .DayPicker-NavButton--prev {\n    margin-right: 1.5rem;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC');\n  }\n\n  .DayPicker-NavButton--next {\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==');\n  }\n\n  .DayPicker-NavButton--interactionDisabled {\n    display: none;\n  }\n\n  .DayPicker-Caption {\n    padding: 0 0.5rem;\n    display: table-caption;\n    text-align: left;\n    margin-bottom: 0.5rem;\n  }\n\n  .DayPicker-Caption > div {\n    font-size: 1.15rem;\n    font-weight: 500;\n  }\n\n  .DayPicker-Weekdays {\n    margin-top: 1rem;\n    display: table-header-group;\n  }\n\n  .DayPicker-WeekdaysRow {\n    display: table-row;\n  }\n\n  .DayPicker-Weekday {\n    display: table-cell;\n    padding: 0.5rem;\n    font-size: 0.875em;\n    text-align: center;\n    color: #8b9898;\n  }\n\n  .DayPicker-Weekday abbr[title] {\n    border-bottom: none;\n    text-decoration: none;\n  }\n\n  .DayPicker-Body {\n    display: table-row-group;\n  }\n\n  .DayPicker-Week {\n    display: table-row;\n  }\n\n  .DayPicker-Day {\n    display: table-cell;\n    padding: 4px;\n    text-align: center;\n    cursor: pointer;\n    vertical-align: middle;\n    border-radius: 16px;\n  }\n\n  .DayPicker-WeekNumber {\n    display: table-cell;\n    padding: 0.5rem;\n    text-align: right;\n    vertical-align: middle;\n    min-width: 1rem;\n    font-size: 0.75em;\n    cursor: pointer;\n    color: #8b9898;\n    border-right: 1px solid #eaecec;\n  }\n\n  .DayPicker--interactionDisabled .DayPicker-Day {\n    cursor: default;\n  }\n\n  .DayPicker-Footer {\n    padding-top: 0.5rem;\n  }\n\n  .DayPicker-TodayButton {\n    border: none;\n    background-image: none;\n    background-color: transparent;\n    box-shadow: none;\n    cursor: pointer;\n    color: #4a90e2;\n    font-size: 0.875em;\n  }\n\n  /* Default modifiers */\n\n  .DayPicker-Day--today {\n    color: #d0021b;\n    font-weight: 700;\n  }\n\n  .DayPicker-Day--outside {\n    cursor: default;\n    color: #8b9898;\n  }\n\n  .DayPicker-Day--disabled {\n    color: #dce0e0;\n    cursor: default;\n    /* background-color: #eff1f1; */\n  }\n\n  /* Example modifiers */\n\n  .DayPicker-Day--sunday {\n    background-color: #f7f8f8;\n  }\n\n  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n    color: #dce0e0;\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n    position: relative;\n    color: #f0f8ff;\n    background-color: ",
         ";\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n    background-color: ",
         ";\n  }\n\n  .DayPicker:not(.DayPicker--interactionDisabled)\n    .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n    background-color: #f0f8ff;\n  }\n\n  /* DayPickerInput */\n\n  .DayPickerInput {\n    display: inline-block;\n  }\n\n  .DayPickerInput-OverlayWrapper {\n    position: relative;\n  }\n\n  .DayPickerInput-Overlay {\n    left: 0;\n    z-index: 1;\n    position: absolute;\n    background: white;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n  }\n"
@@ -21,7 +21,7 @@ function _templateObject() {
     };
     return data;
 }
-var _default = (0, _pijmaCore.styled)("div")(_templateObject(), function(props) {
+var _default = (0, _pijmacore.styled)("div")(_templateObject(), function(props) {
     return props.theme.color.brand;
 }, function(props) {
     return props.theme.color.brand;

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

@@ -16,24 +16,24 @@ _export(exports, {
         return DateRangePicker;
     }
 });
-var _extends = require("@swc/helpers/lib/_extends.js").default;
-var _inherits = require("@swc/helpers/lib/_inherits.js").default;
-var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.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 _extends = require("@swc/helpers/_/_extends");
+var _inherits = require("@swc/helpers/_/_inherits");
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
+var _jsxruntime = require("react/jsx-runtime");
 require("react-day-picker/dist/style.css");
-var _pijmaCore = require("@qiwi/pijma-core");
-var _pijmaDesktop = require("@qiwi/pijma-desktop");
-var _dateFns = require("date-fns");
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _reactDayPicker = require("react-day-picker");
-var _reactI18Next = require("react-i18next");
+var _pijmacore = require("@qiwi/pijma-core");
+var _pijmadesktop = require("@qiwi/pijma-desktop");
+var _datefns = require("date-fns");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _reactdaypicker = require("react-day-picker");
+var _reacti18next = require("react-i18next");
 var _locale = require("../date-picker/locale.js");
-var _wrap = /*#__PURE__*/ _interopRequireDefault(require("../date-picker/wrap.js"));
+var _wrap = /*#__PURE__*/ _interop_require_default._(require("../date-picker/wrap.js"));
 var _theme = require("../theme/index.js");
 function _templateObject() {
-    var data = _taggedTemplateLiteralLoose([
+    var data = _tagged_template_literal_loose._([
         "\n  position: absolute;\n  background: #fff;\n  z-index: 10;\n  border-radius: 8px;\n  box-shadow: ",
         ";\n\n  .Selectable {\n    --rdp-cell-size: 40px;\n    --rdp-accent-color: rgba(255, 140, 0, 0.1);\n    --rdp-background-color: rgba(255, 140, 0, 0.4);\n    /* Switch to dark colors for dark themes */\n    --rdp-accent-color-dark: rgba(255, 140, 0);\n    --rdp-background-color-dark: rgba(255, 140, 0.7);\n    /* Outline border for focused elements */\n    --rdp-outline: 2px solid var(--rdp-accent-color);\n    /* Outline border for focused and selected elements */\n    --rdp-outline-selected: 2px solid rgba(0, 0, 0, 0.75);\n\n    .my-selected {\n      padding: 0px;\n      width: 40px;\n      height: 40px;\n      color: black;\n      background-color: rgba(255, 140, 0, 0.4);\n      border-radius: unset;\n    }\n\n    .my-range-start {\n      background-color: rgb(255, 140, 0);\n      border-radius: 50% 0px 0px 50%;\n    }\n\n    .my-range-middle {\n    }\n\n    .my-range-end {\n      background-color: rgb(255, 140, 0);\n      border-radius: 0px 50% 50% 0px;\n    }\n\n    .my-head-cell {\n      width: 40px;\n      height: 40px;\n      padding: 4px;\n    }\n\n    .my-caption {\n      margin-bottom: 10px;\n      margin-left: 8px;\n    }\n\n    .my-month {\n      margin: 1rem;\n    }\n\n    .my-months {\n      margin: 0 12px;\n      display: flex;\n      position: relative;\n    }\n\n    .my-day {\n      width: 40px;\n      height: 40px;\n      padding: 4px;\n    }\n\n    .my-nav {\n      position: absolute;\n      translateY(-50%);\n      top: 50%;\n    }\n\n    .my-caption-start {\n      .my-nav {\n        left: -24px;\n      }\n    }\n\n    .my-caption-end {\n      .my-nav {\n        right: -24px;\n      }\n    }\n\n    .my-day.my-selected.my-range-end.my-range-start {\n      border-radius: 50%;\n    }\n\n    .my-day.my-selected.my-range-end, .my-day.my-selected.my-range-start {\n      &:focus, &:hover {\n         background-color: rgba(255, 140, 0);\n      }\n    }\n\n    .my-today {\n      color: rgb(208, 2, 27);\n    }\n\n    .my-caption-label {\n      font-size: 20px;\n    }\n  }\n"
     ]);
@@ -43,7 +43,7 @@ function _templateObject() {
     return data;
 }
 function _templateObject1() {
-    var data = _taggedTemplateLiteralLoose([
+    var data = _tagged_template_literal_loose._([
         "\n  position: relative;\n  width: 100%;\n"
     ]);
     _templateObject1 = function _templateObject1() {
@@ -52,7 +52,7 @@ function _templateObject1() {
     return data;
 }
 function _templateObject2() {
-    var data = _taggedTemplateLiteralLoose([
+    var data = _tagged_template_literal_loose._([
         "\n  color: ",
         ";\n"
     ]);
@@ -62,7 +62,7 @@ function _templateObject2() {
     return data;
 }
 function _templateObject3() {
-    var data = _taggedTemplateLiteralLoose([
+    var data = _tagged_template_literal_loose._([
         "\n  input {\n    color: transparent;\n    text-shadow: 0 0 0 #000;\n  }\n"
     ]);
     _templateObject3 = function _templateObject3() {
@@ -70,13 +70,13 @@ function _templateObject3() {
     };
     return data;
 }
-var PickerDropdown = (0, _pijmaCore.styled)("div")(_templateObject(), _theme.COLOR.SHADOW.Z3);
-var Container = (0, _pijmaCore.styled)("div")(_templateObject1());
-var RedHelpText = (0, _pijmaCore.styled)("div")(_templateObject2(), _theme.COLOR.TEXT.Error);
-var InputWrapper = (0, _pijmaCore.styled)("div")(_templateObject3());
+var PickerDropdown = (0, _pijmacore.styled)("div")(_templateObject(), _theme.COLOR.SHADOW.Z3);
+var Container = (0, _pijmacore.styled)("div")(_templateObject1());
+var RedHelpText = (0, _pijmacore.styled)("div")(_templateObject2(), _theme.COLOR.TEXT.Error);
+var InputWrapper = (0, _pijmacore.styled)("div")(_templateObject3());
 var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
     "use strict";
-    _inherits(DisabledInputDateRangePicker, Component);
+    _inherits._(DisabledInputDateRangePicker, Component);
     function DisabledInputDateRangePicker(props) {
         var _this;
         _this = Component.call(this, props) || this;
@@ -84,10 +84,10 @@ var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
             if (!dateFrom) {
                 return "";
             }
-            if (!dateTo || (0, _dateFns.format)(dateFrom, "dd.MM.yyyy") === (0, _dateFns.format)(dateTo, "dd.MM.yyyy")) {
-                return (0, _dateFns.format)(dateFrom, "dd.MM.yyyy");
+            if (!dateTo || (0, _datefns.format)(dateFrom, "dd.MM.yyyy") === (0, _datefns.format)(dateTo, "dd.MM.yyyy")) {
+                return (0, _datefns.format)(dateFrom, "dd.MM.yyyy");
             }
-            return (0, _dateFns.format)(dateFrom, "dd.MM.yyyy") + " - " + (0, _dateFns.format)(dateTo, "dd.MM.yyyy");
+            return (0, _datefns.format)(dateFrom, "dd.MM.yyyy") + " - " + (0, _datefns.format)(dateTo, "dd.MM.yyyy");
         };
         _this.handleDayClick = function(date, param) {
             var disabled = param.disabled;
@@ -98,8 +98,8 @@ var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
                 from: _this.props.dateFrom,
                 to: _this.props.dateTo || _this.props.dateFrom
             };
-            var range = (0, _reactDayPicker.addToRange)(date, normalizeDate);
-            var ref = range || normalizeDate, dateFrom = ref.from, dateTo = ref.to;
+            var range = (0, _reactdaypicker.addToRange)(date, normalizeDate);
+            var _ref = range || normalizeDate, dateFrom = _ref.from, dateTo = _ref.to;
             if ((dateFrom || dateTo) && _this.props.onChange) {
                 _this.props.onChange({
                     dateFrom: dateFrom,
@@ -136,9 +136,9 @@ var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
     var _proto = DisabledInputDateRangePicker.prototype;
     _proto.render = function render() {
         var _this = this;
-        var _props = this.props, t = _props.t, i18n = _props.i18n;
-        var _state = this.state, errorDate = _state.errorDate, helpText = _state.helpText, showPicker = _state.showPicker;
-        var _props1 = this.props, minDate = _props1.minDate, maxDate = _props1.maxDate, dayPickerProps = _props1.dayPickerProps, title = _props1.title, numberOfMonths = _props1.numberOfMonths, dateTo = _props1.dateTo, dateFrom = _props1.dateFrom, inputValue = _props1.inputValue;
+        var _this_props = this.props, t = _this_props.t, i18n = _this_props.i18n;
+        var _this_state = this.state, errorDate = _this_state.errorDate, helpText = _this_state.helpText, showPicker = _this_state.showPicker;
+        var _this_props1 = this.props, minDate = _this_props1.minDate, maxDate = _this_props1.maxDate, dayPickerProps = _this_props1.dayPickerProps, title = _this_props1.title, numberOfMonths = _this_props1.numberOfMonths, dateTo = _this_props1.dateTo, dateFrom = _this_props1.dateFrom, inputValue = _this_props1.inputValue;
         var modifiers = {
             start: dateFrom,
             end: dateTo
@@ -155,19 +155,19 @@ var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
         if (maxDate) {
             disabled.after = maxDate;
         }
-        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_wrap.default, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_wrap.default, {
             onFocus: this.onFocus,
             onBlur: this.onBlur,
             ref: this.inputRef,
             tabIndex: 0,
             children: [
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)(InputWrapper, {
-                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaDesktop.TextField, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(InputWrapper, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmadesktop.TextField, {
                         type: "text",
                         title: title || t("datePicker:date"),
-                        hint: /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
+                        hint: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                             onClick: this.onIconClick,
-                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Icon, {
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
                                 name: "calendar"
                             })
                         }),
@@ -175,23 +175,23 @@ var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
                         /* noop */ },
                         value: value,
                         error: errorDate ? t("datePicker:wrongDate") : undefined,
-                        help: /*#__PURE__*/ (0, _jsxRuntime.jsx)(RedHelpText, {
+                        help: /*#__PURE__*/ (0, _jsxruntime.jsx)(RedHelpText, {
                             children: helpText
                         })
                     })
                 }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)(Container, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(Container, {
                     ref: this.myRef
                 }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Overlay, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Overlay, {
                     show: showPicker,
                     placement: "bottom",
                     container: this.myRef.current,
                     target: this.myRef.current,
                     children: function() {
-                        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(PickerDropdown, {
+                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(PickerDropdown, {
                             onFocus: _this.onFocus,
-                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactDayPicker.DayPicker, _extends({
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactdaypicker.DayPicker, _extends._({
                                 mode: "range",
                                 className: "Selectable",
                                 disabled: disabled,
@@ -227,7 +227,9 @@ var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
     };
     return DisabledInputDateRangePicker;
 }(_react.Component);
-DisabledInputDateRangePicker.defaultProps = {
-    numberOfMonths: 2
-};
-var DateRangePicker = (0, _reactI18Next.withTranslation)()(DisabledInputDateRangePicker);
+(function() {
+    DisabledInputDateRangePicker.defaultProps = {
+        numberOfMonths: 2
+    };
+})();
+var DateRangePicker = (0, _reacti18next.withTranslation)()(DisabledInputDateRangePicker);