@qiwi/pijma-desktop-extra 0.2.26 → 0.2.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qiwi/pijma-desktop-extra",
-  "version": "0.2.26",
+  "version": "0.2.28",
   "type": "module",
   "main": "./target/es5/index.js",
   "module": "./target/es6/index.js",
@@ -32,29 +32,29 @@
     "target/es6/**/*"
   ],
   "dependencies": {
-    "@qiwi/common-formatters": "^1.2.2",
-    "@qiwi/pijma-core": "1.163.0",
-    "@qiwi/pijma-desktop": "1.164.0",
-    "@swc/helpers": "^0.5.1",
-    "@types/react-js-pagination": "^3.0.4",
-    "@types/react-table": "^7.7.14",
+    "@qiwi/common-formatters": "^1.2.3",
+    "@qiwi/pijma-core": "1.163.1",
+    "@qiwi/pijma-desktop": "1.165.0",
+    "@swc/helpers": "^0.5.17",
+    "@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.2.3",
+    "react-dropzone": "^14.3.8",
     "react-table": "^7.8.0"
   },
   "devDependencies": {
-    "@qiwi/pijma-infra": "1.11.1",
-    "@types/jest": "^29.5.1",
+    "@qiwi/pijma-infra": "1.11.2",
+    "@types/jest": "^29.5.14",
     "@types/react-test-renderer": "^18.0.0",
-    "concurrently": "8.0.1",
+    "concurrently": "8.2.2",
     "css-loader": "6.7.3",
     "eslint": "8.40.0",
     "eslint-config-qiwi": "1.17.6",
-    "fast-glob": "3.2.12",
+    "fast-glob": "3.3.3",
     "file-loader": "6.2.0",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.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",
@@ -64,7 +64,7 @@
     "style-loader": "3.3.2",
     "tsc-esm-fix": "2.20.13",
     "typescript": "4.8.2",
-    "webpack": "5.82.0"
+    "webpack": "5.99.6"
   },
   "peerDependencies": {
     "react-i18next": "^11.18.5"

package/target/dts/date-picker/wrap.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const _default: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@qiwi/pijma-core").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default _default;

package/target/dts/date-range-picker/index.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import { WithTranslation } from 'react-i18next';
 import DateRangerPickerProps from './DateRangerPickerProps';
 export declare const PickerDropdown: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@qiwi/pijma-core").Theme | undefined;
     as?: React.ElementType<any> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const DateRangePicker: React.ComponentType<Omit<Pick<import("react-i18next").Subtract<DateRangerPickerProps & WithTranslation<"translation", undefined>, import("react-i18next").WithTranslationProps>, "title" | "onChange" | "t" | "tReady" | "dateFrom" | "dateTo" | "inputValue" | "minDate" | "maxDate" | "dayPickerProps"> & {

package/target/dts/dropdown/Container.d.ts

@@ -1,19 +1,19 @@
 import React, { Component } from 'react';
 import ContainerProps from './ContainerProps';
 export declare const ListContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@qiwi/pijma-core").Theme | undefined;
     as?: React.ElementType<any> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CheckBoxContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@qiwi/pijma-core").Theme | undefined;
     as?: React.ElementType<any> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Item: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@qiwi/pijma-core").Theme | undefined;
     as?: React.ElementType<any> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ScrollContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@qiwi/pijma-core").Theme | undefined;
     as?: React.ElementType<any> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare class Container extends Component<ContainerProps> {

package/target/dts/dropdown/index.d.ts

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { Container } from './Container';
 import DropdownProps from './DropdownProps';
 export declare const ContainerModal: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@qiwi/pijma-core").Theme | undefined;
     as?: React.ElementType<any> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare class Dropdown extends Component<DropdownProps> {

package/target/dts/file-uploader/FileUploaderStyles.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 export declare const ChipsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@qiwi/pijma-core").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("@qiwi/pijma-core").BoxProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@qiwi/pijma-core").Theme | undefined;
 }, {}, {}>;
 declare const _default: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@qiwi/pijma-core").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     noDialog?: boolean | undefined;

package/target/dts/offset/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import OffsetProps from './OffsetProps';
 export declare const Offset: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@qiwi/pijma-core").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & OffsetProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/target/dts/spreader/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const _default: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@qiwi/pijma-core").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default _default;

package/target/dts/step/StepStyle.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { TStepVariant } from './interfaces';
 declare const _default: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@qiwi/pijma-core").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     variant: TStepVariant;

package/target/es5/{amount → ts/amount}/index.js

@@ -13,7 +13,7 @@ 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, _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;
+    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,

package/target/es5/{checkbox → ts/checkbox}/index.js

@@ -25,14 +25,13 @@ 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);
     function Checkbox() {
         var _this;
-        _this = Component.apply(this, arguments) || this;
-        _this.onClick = function() {
+        _this = Component.apply(this, arguments) || this, _this.onClick = function() {
             var _this_props = _this.props, trinary = _this_props.trinary, onChange = _this_props.onChange, value = _this_props.value;
             if (!onChange) {
                 return;

package/target/es5/{chip → ts/chip}/index.js

@@ -26,7 +26,7 @@ function _templateObject1() {
     var data = _tagged_template_literal_loose._([
         "\n  cursor: pointer;\n  display: flex;\n"
     ]);
-    _templateObject1 = function _templateObject1() {
+    _templateObject1 = function _templateObject() {
         return data;
     };
     return data;
@@ -34,7 +34,7 @@ function _templateObject1() {
 var Container = (0, _pijmacore.styled)(_pijmacore.Box)(_templateObject());
 var IconContainer = _pijmacore.styled.div(_templateObject1());
 var Chip = function(param) {
-    var onRemove = param.onRemove, _param_text = param.text, text = _param_text === void 0 ? "" : _param_text;
+    var onRemove = param.onRemove, _param_text = param.text, text = _param_text === void 0 ? '' : _param_text;
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(Container, {
         height: 10,
         children: [

package/target/es5/{date-picker → ts/date-picker}/index.js

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "DatePicker", {
         return DatePicker;
     }
 });
-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");
@@ -38,32 +37,32 @@ function _templateObject1() {
     var data = _tagged_template_literal_loose._([
         "\n  position: relative;\n  width: 100%;\n"
     ]);
-    _templateObject1 = function _templateObject1() {
+    _templateObject1 = function _templateObject() {
         return data;
     };
     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);
     function _DatePicker(props) {
         var _this;
         _this = Component.call(this, props) || this;
-        _this.handleDayClick = _this.handleDayClick.bind(_assert_this_initialized._(_this));
+        _this.handleDayClick = _this.handleDayClick.bind(_this);
         _this.state = {
-            value: "",
+            value: '',
             date: undefined,
             showPicker: false,
             errorDate: false,
             dateRangeMask: [
                 /\d/,
                 /\d/,
-                ".",
+                '.',
                 /\d/,
                 /\d/,
-                ".",
+                '.',
                 /\d/,
                 /\d/,
                 /\d/,
@@ -78,7 +77,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,7 +119,7 @@ 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 parseDate = date.split(".");
+            var parseDate = date.split('.');
             return new Date(parseDate[1] + ", " + parseDate[0] + ", " + parseDate[2]);
         }
     };
@@ -133,13 +132,13 @@ var _DatePicker = /*#__PURE__*/ function(Component) {
             children: [
                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmadesktop.MaskTextField, {
                     type: "text",
-                    title: this.props.title || t("datePicker:date"),
+                    title: this.props.title || t('datePicker:date'),
                     hint: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
                         name: "calendar"
                     }),
                     onChange: this.onChange.bind(this),
                     value: this.state.value,
-                    error: this.state.errorDate ? t("datePicker:wrongDate") : undefined,
+                    error: this.state.errorDate ? t('datePicker:wrongDate') : undefined,
                     mask: this.state.dateRangeMask
                 }),
                 /*#__PURE__*/ (0, _jsxruntime.jsx)(Container, {
@@ -162,14 +161,14 @@ var _DatePicker = /*#__PURE__*/ function(Component) {
                                 month: _this.state.date,
                                 locale: _locale.locales[i18n.language],
                                 modifiersClassNames: {
-                                    selected: "my-selected",
-                                    today: "my-today"
+                                    selected: 'my-selected',
+                                    today: 'my-today'
                                 },
                                 classNames: {
-                                    day: "my-day",
-                                    head_cell: "my-head-cell",
-                                    caption: "my-caption",
-                                    month: "my-month"
+                                    day: 'my-day',
+                                    head_cell: 'my-head-cell',
+                                    caption: 'my-caption',
+                                    month: 'my-month'
                                 }
                             })
                         });

package/target/es5/{date-picker → ts/date-picker}/wrap.js

@@ -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 → ts/date-range-picker}/index.js

@@ -9,11 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    PickerDropdown: function() {
-        return PickerDropdown;
-    },
     DateRangePicker: function() {
         return DateRangePicker;
+    },
+    PickerDropdown: function() {
+        return PickerDropdown;
     }
 });
 var _extends = require("@swc/helpers/_/_extends");
@@ -46,7 +46,7 @@ function _templateObject1() {
     var data = _tagged_template_literal_loose._([
         "\n  position: relative;\n  width: 100%;\n"
     ]);
-    _templateObject1 = function _templateObject1() {
+    _templateObject1 = function _templateObject() {
         return data;
     };
     return data;
@@ -56,7 +56,7 @@ function _templateObject2() {
         "\n  color: ",
         ";\n"
     ]);
-    _templateObject2 = function _templateObject2() {
+    _templateObject2 = function _templateObject() {
         return data;
     };
     return data;
@@ -65,31 +65,29 @@ function _templateObject3() {
     var data = _tagged_template_literal_loose._([
         "\n  input {\n    color: transparent;\n    text-shadow: 0 0 0 #000;\n  }\n"
     ]);
-    _templateObject3 = function _templateObject3() {
+    _templateObject3 = function _templateObject() {
         return data;
     };
     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);
     function DisabledInputDateRangePicker(props) {
         var _this;
-        _this = Component.call(this, props) || this;
-        _this.formatPeriod = function(dateFrom, dateTo) {
+        _this = Component.call(this, props) || this, _this.formatPeriod = function(dateFrom, dateTo) {
             if (!dateFrom) {
-                return "";
+                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");
-        };
-        _this.handleDayClick = function(date, param) {
+            return (0, _datefns.format)(dateFrom, 'dd.MM.yyyy') + " - " + (0, _datefns.format)(dateTo, 'dd.MM.yyyy');
+        }, _this.handleDayClick = function(date, param) {
             var disabled = param.disabled;
             if (disabled) {
                 return;
@@ -106,21 +104,18 @@ var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
                     dateTo: dateTo || dateFrom
                 });
             }
-        };
-        _this.onFocus = function() {
+        }, _this.onFocus = function() {
             clearTimeout(_this._timeoutID);
             _this.setState({
                 showPicker: true
             });
-        };
-        _this.onBlur = function() {
+        }, _this.onBlur = function() {
             _this._timeoutID = window.setTimeout(function() {
                 _this.setState({
                     showPicker: false
                 });
             });
-        };
-        _this.onIconClick = function() {
+        }, _this.onIconClick = function() {
             _this.inputRef.current.focus();
         };
         _this.state = {
@@ -164,7 +159,7 @@ var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
                 /*#__PURE__*/ (0, _jsxruntime.jsx)(InputWrapper, {
                     children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmadesktop.TextField, {
                         type: "text",
-                        title: title || t("datePicker:date"),
+                        title: title || t('datePicker:date'),
                         hint: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                             onClick: this.onIconClick,
                             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pijmacore.Icon, {
@@ -174,7 +169,7 @@ var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
                         onChange: function() {
                         /* noop */ },
                         value: value,
-                        error: errorDate ? t("datePicker:wrongDate") : undefined,
+                        error: errorDate ? t('datePicker:wrongDate') : undefined,
                         help: /*#__PURE__*/ (0, _jsxruntime.jsx)(RedHelpText, {
                             children: helpText
                         })
@@ -192,7 +187,7 @@ var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
                         return /*#__PURE__*/ (0, _jsxruntime.jsx)(PickerDropdown, {
                             onFocus: _this.onFocus,
                             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactdaypicker.DayPicker, _extends._({
-                                mode: "range",
+                                mode: 'range',
                                 className: "Selectable",
                                 disabled: disabled,
                                 locale: _locale.locales[i18n.language],
@@ -201,22 +196,22 @@ var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
                                 modifiers: modifiers,
                                 onDayClick: _this.handleDayClick,
                                 modifiersClassNames: {
-                                    selected: "my-selected",
-                                    today: "my-today",
-                                    range_start: "my-range-start",
-                                    range_middle: "my-range-middle",
-                                    range_end: "my-range-end"
+                                    selected: 'my-selected',
+                                    today: 'my-today',
+                                    range_start: 'my-range-start',
+                                    range_middle: 'my-range-middle',
+                                    range_end: 'my-range-end'
                                 },
                                 classNames: {
-                                    day: "my-day",
-                                    head_cell: "my-head-cell",
-                                    caption: "my-caption",
-                                    month: "my-month",
-                                    months: "my-months",
-                                    caption_start: "my-caption-start",
-                                    caption_end: "my-caption-end",
-                                    nav: "my-nav",
-                                    caption_label: "my-caption-label"
+                                    day: 'my-day',
+                                    head_cell: 'my-head-cell',
+                                    caption: 'my-caption',
+                                    month: 'my-month',
+                                    months: 'my-months',
+                                    caption_start: 'my-caption-start',
+                                    caption_end: 'my-caption-end',
+                                    nav: 'my-nav',
+                                    caption_label: 'my-caption-label'
                                 }
                             }, dayPickerProps))
                         });
@@ -227,9 +222,7 @@ var DisabledInputDateRangePicker = /*#__PURE__*/ function(Component) {
     };
     return DisabledInputDateRangePicker;
 }(_react.Component);
-(function() {
-    DisabledInputDateRangePicker.defaultProps = {
-        numberOfMonths: 2
-    };
-})();
+DisabledInputDateRangePicker.defaultProps = {
+    numberOfMonths: 2
+};
 var DateRangePicker = (0, _reacti18next.withTranslation)()(DisabledInputDateRangePicker);

package/target/es5/{divider → ts/divider}/index.js

@@ -26,13 +26,13 @@ function _templateObject() {
 }
 var StyledBox = (0, _pijmacore.styled)(_pijmacore.Box)(_templateObject(), function(param) {
     var active = param.active, theme = param.theme;
-    return active ? theme.color.brand : "#e6e6e6";
+    return active ? theme.color.brand : '#e6e6e6';
 }, function(param) {
     var radius = param.radius, theme = param.theme;
-    return typeof radius === "number" ? theme.scale * radius : radius;
+    return typeof radius === 'number' ? theme.scale * radius : radius;
 });
 var Divider = function(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;
+    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,
         height: h,

package/target/es5/{dropdown → ts/dropdown}/Container.js

@@ -9,20 +9,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    ListContainer: function() {
-        return ListContainer;
-    },
     CheckBoxContainer: function() {
         return CheckBoxContainer;
     },
+    Container: function() {
+        return Container;
+    },
     Item: function() {
         return Item;
     },
+    ListContainer: function() {
+        return ListContainer;
+    },
     ScrollContainer: function() {
         return ScrollContainer;
-    },
-    Container: function() {
-        return Container;
     }
 });
 var _inherits = require("@swc/helpers/_/_inherits");
@@ -47,7 +47,7 @@ function _templateObject1() {
     var data = _tagged_template_literal_loose._([
         "\n  padding: 5px;\n"
     ]);
-    _templateObject1 = function _templateObject1() {
+    _templateObject1 = function _templateObject() {
         return data;
     };
     return data;
@@ -57,7 +57,7 @@ function _templateObject2() {
         "\n  box-sizing: border-box;\n  padding: 10px 24px;\n  width: 100%;\n  cursor: pointer;\n  :hover {\n    background-color: #f5f5f5;\n  }\n  &--active {\n    background-color: #e6e6e6 !important;\n  }\n  ",
         "\n"
     ]);
-    _templateObject2 = function _templateObject2() {
+    _templateObject2 = function _templateObject() {
         return data;
     };
     return data;
@@ -66,22 +66,22 @@ function _templateObject3() {
     var data = _tagged_template_literal_loose._([
         "\n  position: relative;\n  height: 100%;\n"
     ]);
-    _templateObject3 = function _templateObject3() {
+    _templateObject3 = function _templateObject() {
         return data;
     };
     return data;
 }
-var ListContainer = (0, _pijmacore.styled)("div")(_templateObject(), _theme.COLOR.SHADOW.Z3);
-var CheckBoxContainer = (0, _pijmacore.styled)("div")(_templateObject1());
-var Item = (0, _pijmacore.styled)("div")(_templateObject2(), function(props) {
-    return props.active ? "background-color: #E6E6E6 !important;" : "";
+var ListContainer = (0, _pijmacore.styled)('div')(_templateObject(), _theme.COLOR.SHADOW.Z3);
+var CheckBoxContainer = (0, _pijmacore.styled)('div')(_templateObject1());
+var Item = (0, _pijmacore.styled)('div')(_templateObject2(), function(props) {
+    return props.active ? 'background-color: #E6E6E6 !important;' : '';
 });
-var ScrollContainer = (0, _pijmacore.styled)("div")(_templateObject3());
+var ScrollContainer = (0, _pijmacore.styled)('div')(_templateObject3());
 var Container = /*#__PURE__*/ function(Component) {
     "use strict";
     _inherits._(Container, Component);
     function Container() {
-        return Component.apply(this, arguments);
+        return Component.apply(this, arguments) || this;
     }
     var _proto = Container.prototype;
     _proto.render = function render() {

package/target/es5/{dropdown → ts/dropdown}/index.js

@@ -9,17 +9,16 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    Container: function() {
+        return _Container.Container;
+    },
     ContainerModal: function() {
         return ContainerModal;
     },
     Dropdown: function() {
         return Dropdown;
-    },
-    Container: function() {
-        return _Container.Container;
     }
 });
-var _assert_this_initialized = require("@swc/helpers/_/_assert_this_initialized");
 var _inherits = require("@swc/helpers/_/_inherits");
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 var _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
@@ -36,7 +35,7 @@ function _templateObject() {
     };
     return data;
 }
-var ContainerModal = (0, _pijmacore.styled)("div")(_templateObject());
+var ContainerModal = (0, _pijmacore.styled)('div')(_templateObject());
 var Dropdown = /*#__PURE__*/ function(Component) {
     "use strict";
     _inherits._(Dropdown, Component);
@@ -44,7 +43,7 @@ var Dropdown = /*#__PURE__*/ function(Component) {
         var _this;
         _this = Component.call(this, props) || this;
         _this.myRef = /*#__PURE__*/ _react.default.createRef();
-        _this.onSelect = _this.onSelect.bind(_assert_this_initialized._(_this));
+        _this.onSelect = _this.onSelect.bind(_this);
         return _this;
     }
     var _proto = Dropdown.prototype;

package/target/es5/{empty-page → ts/empty-page}/index.js

@@ -28,7 +28,7 @@ var EmptyPage = /*#__PURE__*/ function(Component) {
     "use strict";
     _inherits._(EmptyPage, Component);
     function EmptyPage() {
-        return Component.apply(this, arguments);
+        return Component.apply(this, arguments) || this;
     }
     var _proto = EmptyPage.prototype;
     _proto.render = function render() {