wini-web-components 2.6.0 → 2.6.1

package/dist/component/switch/switch.js

@@ -1,62 +1,33 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
-var react_1 = __importDefault(require("react"));
-var switch_module_css_1 = __importDefault(require("./switch.module.css"));
-var Switch = /** @class */ (function (_super) {
-    __extends(Switch, _super);
-    function Switch() {
+const react_1 = __importDefault(require("react"));
+const switch_module_css_1 = __importDefault(require("./switch.module.css"));
+class Switch extends react_1.default.Component {
+    constructor() {
         var _a;
-        var _this = _super.apply(this, arguments) || this;
-        _this.state = {
-            value: (_a = _this.props.value) !== null && _a !== void 0 ? _a : false
+        super(...arguments);
+        this.state = {
+            value: (_a = this.props.value) !== null && _a !== void 0 ? _a : false
         };
-        return _this;
     }
-    Switch.prototype.componentDidUpdate = function (prevProps) {
+    componentDidUpdate(prevProps) {
         if (prevProps.value !== this.props.value) {
             this.setState({ value: this.props.value });
         }
-    };
-    Switch.prototype.render = function () {
-        var _this = this;
+    }
+    render() {
         var _a, _b, _c, _d, _e;
-        var propStyle = {
+        const propStyle = {
             '--off-bg': (_a = this.props.offBackground) !== null && _a !== void 0 ? _a : 'var(--neutral-main-background-color)',
             '--on-bg': (_b = this.props.onBackground) !== null && _b !== void 0 ? _b : 'var(--primary-main-color)',
             '--dot-color': (_c = this.props.dotColor) !== null && _c !== void 0 ? _c : '#ffffff',
-            '--size': this.props.size ? (typeof this.props.size === 'number') ? "".concat(this.props.size, "px") : this.props.size : '2rem'
+            '--size': this.props.size ? (typeof this.props.size === 'number') ? `${this.props.size}px` : this.props.size : '2rem'
         };
-        var convertStyle = __assign({ height: (_d = this.props.size) !== null && _d !== void 0 ? _d : '2rem', width: "calc(".concat(this.props.size ? (typeof this.props.size === 'number') ? "".concat(this.props.size, "px") : this.props.size : '2rem', " * 9 / 5)") }, propStyle);
+        let convertStyle = Object.assign({ height: (_d = this.props.size) !== null && _d !== void 0 ? _d : '2rem', width: `calc(${this.props.size ? (typeof this.props.size === 'number') ? `${this.props.size}px` : this.props.size : '2rem'} * 9 / 5)` }, propStyle);
         if (this.props.style) {
             delete this.props.style.width;
             delete this.props.style.minWidth;
@@ -64,17 +35,16 @@ var Switch = /** @class */ (function (_super) {
             delete this.props.style.height;
             delete this.props.style.minHeight;
             delete this.props.style.maxHeight;
-            convertStyle = __assign(__assign({}, this.props.style), convertStyle);
+            convertStyle = Object.assign(Object.assign({}, this.props.style), convertStyle);
         }
-        return react_1.default.createElement("label", { id: this.props.id, className: "".concat(switch_module_css_1.default['switch-container'], " row ").concat((_e = this.props.className) !== null && _e !== void 0 ? _e : ''), style: convertStyle },
-            react_1.default.createElement("input", { type: "checkbox", checked: this.state.value, name: this.props.name, disabled: this.props.disabled, onChange: function () {
-                    var newValue = !_this.state.value;
-                    _this.setState({ value: newValue });
-                    if (_this.props.onChange)
-                        _this.props.onChange(newValue);
+        return react_1.default.createElement("label", { id: this.props.id, className: `${switch_module_css_1.default['switch-container']} row ${(_e = this.props.className) !== null && _e !== void 0 ? _e : ''}`, style: convertStyle },
+            react_1.default.createElement("input", { type: "checkbox", checked: this.state.value, name: this.props.name, disabled: this.props.disabled, onChange: () => {
+                    const newValue = !this.state.value;
+                    this.setState({ value: newValue });
+                    if (this.props.onChange)
+                        this.props.onChange(newValue);
                 } }),
             react_1.default.createElement("span", { className: switch_module_css_1.default['slider'] }));
-    };
-    return Switch;
-}(react_1.default.Component));
+    }
+}
 exports.Switch = Switch;

package/dist/component/table/table.js

@@ -1,36 +1,10 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Table = exports.TbBody = exports.TbHeader = exports.TbRow = exports.TbCell = exports.CellAlignItems = void 0;
-var react_1 = __importDefault(require("react"));
+const react_1 = __importDefault(require("react"));
 require("./table.css");
 var CellAlignItems;
 (function (CellAlignItems) {
@@ -38,82 +12,55 @@ var CellAlignItems;
     CellAlignItems["center"] = "center";
     CellAlignItems["end"] = "end";
 })(CellAlignItems || (exports.CellAlignItems = CellAlignItems = {}));
-var TbCell = /** @class */ (function (_super) {
-    __extends(TbCell, _super);
-    function TbCell() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    TbCell.prototype.render = function () {
+class TbCell extends react_1.default.Component {
+    render() {
         var _a, _b;
-        return react_1.default.createElement("td", { id: this.props.id, onClick: this.props.onClick, style: this.props.style, "align-cell": (_a = this.props.align) !== null && _a !== void 0 ? _a : CellAlignItems.start, className: "tb-cell ".concat((_b = this.props.className) !== null && _b !== void 0 ? _b : '', " ").concat(this.props.fixed ? 'tb-cell-fixed' : '') }, this.props.children);
-    };
-    return TbCell;
-}(react_1.default.Component));
-exports.TbCell = TbCell;
-var TbRow = /** @class */ (function (_super) {
-    __extends(TbRow, _super);
-    function TbRow() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return react_1.default.createElement("td", { id: this.props.id, onClick: this.props.onClick, style: this.props.style, "align-cell": (_a = this.props.align) !== null && _a !== void 0 ? _a : CellAlignItems.start, className: `tb-cell ${(_b = this.props.className) !== null && _b !== void 0 ? _b : ''} ${this.props.fixed ? 'tb-cell-fixed' : ''}` }, this.props.children);
     }
-    TbRow.prototype.render = function () {
-        var _this = this;
+}
+exports.TbCell = TbCell;
+class TbRow extends react_1.default.Component {
+    render() {
         var _a, _b;
-        return react_1.default.createElement("tr", { id: this.props.id, style: this.props.style, className: "tb-row ".concat((_a = this.props.className) !== null && _a !== void 0 ? _a : ""), onClick: this.props.onClick }, ((_b = this.props.children) !== null && _b !== void 0 ? _b : []).map(function (e, i) {
+        return react_1.default.createElement("tr", { id: this.props.id, style: this.props.style, className: `tb-row ${(_a = this.props.className) !== null && _a !== void 0 ? _a : ""}`, onClick: this.props.onClick }, ((_b = this.props.children) !== null && _b !== void 0 ? _b : []).map((e, i) => {
             var _a, _b;
-            var ox = 0;
-            if (_this.props.children && i > 0 && i < (_this.props.children.length - 1)) {
-                ox = "calc(".concat(_this.props.children.slice(0, i).map(function (tb) {
+            let ox = 0;
+            if (this.props.children && i > 0 && i < (this.props.children.length - 1)) {
+                ox = `calc(${this.props.children.slice(0, i).map(tb => {
                     var _a, _b, _c;
-                    var wValue = (_b = (_a = tb.props.style) === null || _a === void 0 ? void 0 : _a.minWidth) !== null && _b !== void 0 ? _b : (_c = tb.props.style) === null || _c === void 0 ? void 0 : _c.width;
-                    return wValue ? typeof wValue === 'number' ? "".concat(wValue, "px") : wValue : '60px';
-                }).join(" + "), ")");
+                    const wValue = (_b = (_a = tb.props.style) === null || _a === void 0 ? void 0 : _a.minWidth) !== null && _b !== void 0 ? _b : (_c = tb.props.style) === null || _c === void 0 ? void 0 : _c.width;
+                    return wValue ? typeof wValue === 'number' ? `${wValue}px` : wValue : '60px';
+                }).join(" + ")})`;
             }
-            return react_1.default.createElement(TbCell, { id: e.props.id, key: "tb-cell-".concat(i), align: e.props.align, children: e.props.children, fixed: e.props.fixed, onClick: e.props.onClick, style: e.props.fixed ? (_this.props.children && i === _this.props.children.length - 1) ? __assign({ right: 0 }, ((_a = e.props.style) !== null && _a !== void 0 ? _a : {})) : __assign({ left: ox }, ((_b = e.props.style) !== null && _b !== void 0 ? _b : {})) : e.props.style, className: e.props.className });
+            return react_1.default.createElement(TbCell, { id: e.props.id, key: `tb-cell-${i}`, align: e.props.align, children: e.props.children, fixed: e.props.fixed, onClick: e.props.onClick, style: e.props.fixed ? (this.props.children && i === this.props.children.length - 1) ? Object.assign({ right: 0 }, ((_a = e.props.style) !== null && _a !== void 0 ? _a : {})) : Object.assign({ left: ox }, ((_b = e.props.style) !== null && _b !== void 0 ? _b : {})) : e.props.style, className: e.props.className });
         }));
-    };
-    return TbRow;
-}(react_1.default.Component));
-exports.TbRow = TbRow;
-var TbHeader = /** @class */ (function (_super) {
-    __extends(TbHeader, _super);
-    function TbHeader() {
-        return _super !== null && _super.apply(this, arguments) || this;
     }
-    TbHeader.prototype.render = function () {
-        var _this = this;
+}
+exports.TbRow = TbRow;
+class TbHeader extends react_1.default.Component {
+    render() {
         var _a, _b;
-        return react_1.default.createElement("thead", { style: this.props.style, className: "tb-header ".concat((_a = this.props.className) !== null && _a !== void 0 ? _a : "") },
-            react_1.default.createElement("tr", null, ((_b = this.props.children) !== null && _b !== void 0 ? _b : []).map(function (e, i) {
+        return react_1.default.createElement("thead", { style: this.props.style, className: `tb-header ${(_a = this.props.className) !== null && _a !== void 0 ? _a : ""}` },
+            react_1.default.createElement("tr", null, ((_b = this.props.children) !== null && _b !== void 0 ? _b : []).map((e, i) => {
                 var _a, _b;
-                var ox = 0;
-                if (_this.props.children && i > 0 && i < (_this.props.children.length - 1)) {
-                    ox = "calc(".concat(_this.props.children.slice(0, i).map(function (tb) { var _a; return ((_a = tb.props.style) === null || _a === void 0 ? void 0 : _a.width) ? typeof tb.props.style.width === 'number' ? "".concat(tb.props.style.width, "px") : tb.props.style.width : '60px'; }).join(" + "), ")");
+                let ox = 0;
+                if (this.props.children && i > 0 && i < (this.props.children.length - 1)) {
+                    ox = `calc(${this.props.children.slice(0, i).map(tb => { var _a; return ((_a = tb.props.style) === null || _a === void 0 ? void 0 : _a.width) ? typeof tb.props.style.width === 'number' ? `${tb.props.style.width}px` : tb.props.style.width : '60px'; }).join(" + ")})`;
                 }
-                return react_1.default.createElement(TbCell, { id: e.props.id, key: "tb-cell-".concat(i), align: e.props.align, children: e.props.children, onClick: e.props.onClick, fixed: e.props.fixed, style: e.props.fixed ? (_this.props.children && i === _this.props.children.length - 1) ? __assign({ right: 0 }, ((_a = e.props.style) !== null && _a !== void 0 ? _a : {})) : __assign({ left: ox }, ((_b = e.props.style) !== null && _b !== void 0 ? _b : {})) : e.props.style, className: e.props.className });
+                return react_1.default.createElement(TbCell, { id: e.props.id, key: `tb-cell-${i}`, align: e.props.align, children: e.props.children, onClick: e.props.onClick, fixed: e.props.fixed, style: e.props.fixed ? (this.props.children && i === this.props.children.length - 1) ? Object.assign({ right: 0 }, ((_a = e.props.style) !== null && _a !== void 0 ? _a : {})) : Object.assign({ left: ox }, ((_b = e.props.style) !== null && _b !== void 0 ? _b : {})) : e.props.style, className: e.props.className });
             })));
-    };
-    return TbHeader;
-}(react_1.default.Component));
-exports.TbHeader = TbHeader;
-var TbBody = /** @class */ (function (_super) {
-    __extends(TbBody, _super);
-    function TbBody() {
-        return _super !== null && _super.apply(this, arguments) || this;
     }
-    TbBody.prototype.render = function () {
+}
+exports.TbHeader = TbHeader;
+class TbBody extends react_1.default.Component {
+    render() {
         return react_1.default.createElement("tbody", { id: this.props.id }, this.props.children);
-    };
-    return TbBody;
-}(react_1.default.Component));
+    }
+}
 exports.TbBody = TbBody;
-var Table = /** @class */ (function (_super) {
-    __extends(Table, _super);
-    function Table() {
-        return _super !== null && _super.apply(this, arguments) || this;
+class Table extends react_1.default.Component {
+    render() {
+        return react_1.default.createElement("table", { id: this.props.id, className: `custom-table ${this.props.className}`, style: this.props.style }, this.props.children);
     }
-    Table.prototype.render = function () {
-        return react_1.default.createElement("table", { id: this.props.id, className: "custom-table ".concat(this.props.className), style: this.props.style }, this.props.children);
-    };
-    return Table;
-}(react_1.default.Component));
+}
 exports.Table = Table;

package/dist/component/tag/tag.js

@@ -1,39 +1,19 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tag = void 0;
-var react_1 = __importDefault(require("react"));
-var text_1 = require("../text/text");
-var tag_module_css_1 = __importDefault(require("./tag.module.css"));
-var Tag = /** @class */ (function (_super) {
-    __extends(Tag, _super);
-    function Tag() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Tag.prototype.render = function () {
+const react_1 = __importDefault(require("react"));
+const text_1 = require("../text/text");
+const tag_module_css_1 = __importDefault(require("./tag.module.css"));
+class Tag extends react_1.default.Component {
+    render() {
         var _a, _b;
-        return react_1.default.createElement("div", { id: this.props.id, "tag-type": (_a = this.props.status) !== null && _a !== void 0 ? _a : 'default', className: "".concat(tag_module_css_1.default['tag-container'], " row ").concat(this.props.onClick ? tag_module_css_1.default['type-button'] : '', " ").concat(this.props.disabled ? tag_module_css_1.default['disabled'] : "", " ").concat((_b = this.props.className) !== null && _b !== void 0 ? _b : "button-text-6", " "), style: this.props.style, onClick: this.props.onClick },
+        return react_1.default.createElement("div", { id: this.props.id, "tag-type": (_a = this.props.status) !== null && _a !== void 0 ? _a : 'default', className: `${tag_module_css_1.default['tag-container']} row ${this.props.onClick ? tag_module_css_1.default['type-button'] : ''} ${this.props.disabled ? tag_module_css_1.default['disabled'] : ""} ${(_b = this.props.className) !== null && _b !== void 0 ? _b : "button-text-6"} `, style: this.props.style, onClick: this.props.onClick },
             this.props.prefix,
             react_1.default.createElement(text_1.Text, { maxLine: 1, className: tag_module_css_1.default['tag-label'] }, this.props.title),
             this.props.suffix);
-    };
-    return Tag;
-}(react_1.default.Component));
+    }
+}
 exports.Tag = Tag;

package/dist/component/text/text.js

@@ -1,51 +1,20 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = void 0;
-var react_1 = __importDefault(require("react"));
+const react_1 = __importDefault(require("react"));
 require("./text.css");
-var Text = /** @class */ (function (_super) {
-    __extends(Text, _super);
-    function Text() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Text.prototype.render = function () {
+class Text extends react_1.default.Component {
+    render() {
         var _a, _b, _c;
-        var convertStyle = (_a = this.props.style) !== null && _a !== void 0 ? _a : {};
+        let convertStyle = (_a = this.props.style) !== null && _a !== void 0 ? _a : {};
         if (this.props.maxLine) {
-            convertStyle = __assign(__assign({}, convertStyle), { '--max-line': this.props.maxLine });
+            convertStyle = Object.assign(Object.assign({}, convertStyle), { '--max-line': this.props.maxLine });
         }
-        return this.props.html ? react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: this.props.html }, id: this.props.id, onMouseOver: this.props.onHover, onClick: this.props.onClick, className: "comp-text innerhtml ".concat(this.props.onClick ? 'type-button' : '', " ").concat((_b = this.props.className) !== null && _b !== void 0 ? _b : ''), style: convertStyle }) :
-            react_1.default.createElement("div", { id: this.props.id, onMouseOver: this.props.onHover, onClick: this.props.onClick, className: "comp-text ".concat(this.props.onClick ? 'type-button' : '', " ").concat((_c = this.props.className) !== null && _c !== void 0 ? _c : ''), style: convertStyle }, this.props.children);
-    };
-    return Text;
-}(react_1.default.Component));
+        return this.props.html ? react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: this.props.html }, id: this.props.id, onMouseOver: this.props.onHover, onClick: this.props.onClick, className: `comp-text innerhtml ${this.props.onClick ? 'type-button' : ''} ${(_b = this.props.className) !== null && _b !== void 0 ? _b : ''}`, style: convertStyle }) :
+            react_1.default.createElement("div", { id: this.props.id, onMouseOver: this.props.onHover, onClick: this.props.onClick, className: `comp-text ${this.props.onClick ? 'type-button' : ''} ${(_c = this.props.className) !== null && _c !== void 0 ? _c : ''}`, style: convertStyle }, this.props.children);
+    }
+}
 exports.Text = Text;

package/dist/component/text-area/text-area.js

@@ -1,30 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -60,24 +34,21 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = void 0;
-var react_1 = __importStar(require("react"));
+const react_1 = __importStar(require("react"));
 require("./text-area.css");
-var TextArea = /** @class */ (function (_super) {
-    __extends(TextArea, _super);
-    function TextArea() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.containerRef = (0, react_1.createRef)();
-        _this.getTextarea = function () {
+class TextArea extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.containerRef = (0, react_1.createRef)();
+        this.getTextarea = () => {
             var _a;
-            return (_a = _this.containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("textarea");
+            return (_a = this.containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("textarea");
         };
-        return _this;
     }
-    TextArea.prototype.render = function () {
+    render() {
         var _a, _b, _c, _d;
-        return react_1.default.createElement("div", { ref: this.containerRef, id: this.props.id, className: "text-area-container row ".concat((_a = this.props.className) !== null && _a !== void 0 ? _a : 'body-3', " ").concat(((_b = this.props.helperText) === null || _b === void 0 ? void 0 : _b.length) && 'helper-text'), "helper-text": this.props.helperText, style: this.props.style ? __assign(__assign({}, { '--helper-text-color': (_c = this.props.helperTextColor) !== null && _c !== void 0 ? _c : '#e14337' }), this.props.style) : { '--helper-text-color': (_d = this.props.helperTextColor) !== null && _d !== void 0 ? _d : '#e14337' } }, this.props.register ?
-            react_1.default.createElement("textarea", __assign({ name: this.props.name, autoFocus: this.props.autoFocus }, this.props.register, { maxLength: this.props.maxLength, placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onFocus: this.props.onFocus })) : react_1.default.createElement("textarea", { autoFocus: this.props.autoFocus, maxLength: this.props.maxLength, name: this.props.name, defaultValue: this.props.defaultValue, value: this.props.value, placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onChange: this.props.onChange, onFocus: this.props.onFocus, onBlur: this.props.onBlur }));
-    };
-    return TextArea;
-}(react_1.default.Component));
+        return react_1.default.createElement("div", { ref: this.containerRef, id: this.props.id, className: `text-area-container row ${(_a = this.props.className) !== null && _a !== void 0 ? _a : 'body-3'} ${((_b = this.props.helperText) === null || _b === void 0 ? void 0 : _b.length) && 'helper-text'}`, "helper-text": this.props.helperText, style: this.props.style ? Object.assign(Object.assign({}, { '--helper-text-color': (_c = this.props.helperTextColor) !== null && _c !== void 0 ? _c : '#e14337' }), this.props.style) : { '--helper-text-color': (_d = this.props.helperTextColor) !== null && _d !== void 0 ? _d : '#e14337' } }, this.props.register ?
+            react_1.default.createElement("textarea", Object.assign({ name: this.props.name, autoFocus: this.props.autoFocus }, this.props.register, { maxLength: this.props.maxLength, placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onFocus: this.props.onFocus })) : react_1.default.createElement("textarea", { autoFocus: this.props.autoFocus, maxLength: this.props.maxLength, name: this.props.name, defaultValue: this.props.defaultValue, value: this.props.value, placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onChange: this.props.onChange, onFocus: this.props.onFocus, onBlur: this.props.onBlur }));
+    }
+}
 exports.TextArea = TextArea;

package/dist/component/text-field/text-field.js

@@ -1,30 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -60,40 +34,37 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextField = void 0;
-var react_1 = __importStar(require("react"));
+const react_1 = __importStar(require("react"));
 require("./text-field.css");
-var TextField = /** @class */ (function (_super) {
-    __extends(TextField, _super);
-    function TextField() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.containerRef = (0, react_1.createRef)();
-        _this.getInput = function () {
+class TextField extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.containerRef = (0, react_1.createRef)();
+        this.getInput = () => {
             var _a;
-            return (_a = _this.containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("input");
+            return (_a = this.containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("input");
         };
-        return _this;
     }
-    TextField.prototype.render = function () {
-        var _this = this;
+    render() {
         var _a, _b, _c, _d, _e, _f;
-        return react_1.default.createElement("div", { ref: this.containerRef, id: this.props.id, className: "text-field-container row ".concat((_a = this.props.className) !== null && _a !== void 0 ? _a : 'body-3', " ").concat(((_b = this.props.helperText) === null || _b === void 0 ? void 0 : _b.length) ? 'helper-text' : ""), "helper-text": this.props.helperText, style: this.props.style ? __assign(__assign({}, { '--helper-text-color': (_c = this.props.helperTextColor) !== null && _c !== void 0 ? _c : '#e14337' }), this.props.style) : { '--helper-text-color': (_d = this.props.helperTextColor) !== null && _d !== void 0 ? _d : '#e14337' } },
+        return react_1.default.createElement("div", { ref: this.containerRef, id: this.props.id, className: `text-field-container row ${(_a = this.props.className) !== null && _a !== void 0 ? _a : 'body-3'} ${((_b = this.props.helperText) === null || _b === void 0 ? void 0 : _b.length) ? 'helper-text' : ""}`, "helper-text": this.props.helperText, style: this.props.style ? Object.assign(Object.assign({}, { '--helper-text-color': (_c = this.props.helperTextColor) !== null && _c !== void 0 ? _c : '#e14337' }), this.props.style) : { '--helper-text-color': (_d = this.props.helperTextColor) !== null && _d !== void 0 ? _d : '#e14337' } },
             this.props.prefix,
             this.props.register ?
-                react_1.default.createElement("input", __assign({ name: this.props.name }, this.props.register, { autoComplete: this.props.autoComplete, autoFocus: this.props.autoFocus, maxLength: this.props.maxLength, type: (_e = this.props.type) !== null && _e !== void 0 ? _e : 'text', placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onFocus: this.props.onFocus, onKeyDown: this.props.onComplete ? function (ev) {
-                        if (_this.props.onComplete) {
+                react_1.default.createElement("input", Object.assign({ name: this.props.name }, this.props.register, { autoComplete: this.props.autoComplete, autoFocus: this.props.autoFocus, maxLength: this.props.maxLength, type: (_e = this.props.type) !== null && _e !== void 0 ? _e : 'text', placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onFocus: this.props.onFocus, onKeyDown: this.props.onComplete ? (ev) => {
+                        if (this.props.onComplete) {
                             switch (ev.key.toLowerCase()) {
                                 case "enter":
-                                    _this.props.onComplete(ev);
+                                    this.props.onComplete(ev);
                                     break;
                                 default:
                                     break;
                             }
                         }
-                    } : undefined })) : react_1.default.createElement("input", { autoComplete: this.props.autoComplete, autoFocus: this.props.autoFocus, maxLength: this.props.maxLength, name: this.props.name, type: (_f = this.props.type) !== null && _f !== void 0 ? _f : 'text', defaultValue: this.props.defaultValue, value: this.props.value, placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onChange: this.props.onChange, onFocus: this.props.onFocus, onBlur: this.props.onBlur, onKeyDown: this.props.onComplete ? function (ev) {
-                    if (_this.props.onComplete) {
+                    } : undefined })) : react_1.default.createElement("input", { autoComplete: this.props.autoComplete, autoFocus: this.props.autoFocus, maxLength: this.props.maxLength, name: this.props.name, type: (_f = this.props.type) !== null && _f !== void 0 ? _f : 'text', defaultValue: this.props.defaultValue, value: this.props.value, placeholder: this.props.placeholder, readOnly: this.props.readOnly, disabled: this.props.disabled, onChange: this.props.onChange, onFocus: this.props.onFocus, onBlur: this.props.onBlur, onKeyDown: this.props.onComplete ? (ev) => {
+                    if (this.props.onComplete) {
                         switch (ev.key.toLowerCase()) {
                             case "enter":
-                                _this.props.onComplete(ev);
+                                this.props.onComplete(ev);
                                 break;
                             default:
                                 break;
@@ -101,7 +72,6 @@ var TextField = /** @class */ (function (_super) {
                     }
                 } : undefined }),
             this.props.suffix);
-    };
-    return TextField;
-}(react_1.default.Component));
+    }
+}
 exports.TextField = TextField;

package/dist/component/toast-noti/toast-noti.js

@@ -1,20 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToastMessage = void 0;
-var react_toastify_1 = require("react-toastify");
+const react_toastify_1 = require("react-toastify");
 require("./toast-noti.css");
-var ToastMessage = /** @class */ (function () {
-    function ToastMessage() {
-    }
-    ToastMessage.success = function (message) {
+class ToastMessage {
+    static success(message) {
         react_toastify_1.toast.success(message, {
             hideProgressBar: true,
             transition: react_toastify_1.Slide,
             autoClose: 800,
             theme: "colored",
         });
-    };
-    ToastMessage.errors = function (message) {
+    }
+    static errors(message) {
         react_toastify_1.toast.error(message, {
             theme: "colored",
             pauseOnHover: false,
@@ -22,7 +20,6 @@ var ToastMessage = /** @class */ (function () {
             transition: react_toastify_1.Slide,
             autoClose: 800,
         });
-    };
-    return ToastMessage;
-}());
+    }
+}
 exports.ToastMessage = ToastMessage;