wini-web-components 2.2.8 → 2.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/dist/component/button/button.d.ts +16 -16
  2. package/dist/component/button/button.js +39 -39
  3. package/dist/component/calendar/calendar.d.ts +30 -46
  4. package/dist/component/calendar/calendar.js +437 -432
  5. package/dist/component/checkbox/checkbox.d.ts +24 -22
  6. package/dist/component/checkbox/checkbox.js +120 -81
  7. package/dist/component/component-status.d.ts +8 -8
  8. package/dist/component/component-status.js +39 -39
  9. package/dist/component/date-picker/date-picker.d.ts +25 -36
  10. package/dist/component/date-picker/date-picker.js +362 -359
  11. package/dist/component/dialog/dialog.d.ts +36 -34
  12. package/dist/component/dialog/dialog.js +99 -97
  13. package/dist/component/import-file/import-file.d.ts +24 -36
  14. package/dist/component/import-file/import-file.js +154 -119
  15. package/dist/component/infinite-scroll/infinite-scroll.d.ts +17 -17
  16. package/dist/component/infinite-scroll/infinite-scroll.js +103 -103
  17. package/dist/component/input-multi-select/input-multi-select.d.ts +21 -38
  18. package/dist/component/input-multi-select/input-multi-select.js +334 -323
  19. package/dist/component/input-opt/input-opt.d.ts +21 -21
  20. package/dist/component/input-opt/input-opt.js +157 -147
  21. package/dist/component/number-picker/number-picker.d.ts +19 -19
  22. package/dist/component/number-picker/number-picker.js +137 -127
  23. package/dist/component/pagination/pagination.d.ts +13 -13
  24. package/dist/component/pagination/pagination.js +93 -82
  25. package/dist/component/popup/popup.d.ts +33 -33
  26. package/dist/component/popup/popup.js +138 -105
  27. package/dist/component/progress-bar/progress-bar.d.ts +16 -16
  28. package/dist/component/progress-bar/progress-bar.js +35 -36
  29. package/dist/component/progress-circle/progress-circle.d.ts +14 -14
  30. package/dist/component/progress-circle/progress-circle.js +30 -31
  31. package/dist/component/radio-button/radio-button.d.ts +20 -20
  32. package/dist/component/radio-button/radio-button.js +64 -64
  33. package/dist/component/rating/rating.d.ts +23 -23
  34. package/dist/component/rating/rating.js +73 -74
  35. package/dist/component/select1/select1.d.ts +31 -50
  36. package/dist/component/select1/select1.js +320 -309
  37. package/dist/component/slider/slider.d.ts +31 -31
  38. package/dist/component/slider/slider.js +80 -81
  39. package/dist/component/switch/switch.d.ts +23 -23
  40. package/dist/component/switch/switch.js +80 -81
  41. package/dist/component/table/table.d.ts +51 -51
  42. package/dist/component/table/table.js +119 -119
  43. package/dist/component/tag/tag.d.ts +17 -17
  44. package/dist/component/tag/tag.js +39 -39
  45. package/dist/component/text/text.d.ts +16 -16
  46. package/dist/component/text/text.js +51 -51
  47. package/dist/component/text-area/text-area.d.ts +28 -28
  48. package/dist/component/text-area/text-area.js +83 -73
  49. package/dist/component/text-field/text-field.d.ts +33 -33
  50. package/dist/component/text-field/text-field.js +107 -97
  51. package/dist/component/toast-noti/toast-noti.d.ts +5 -5
  52. package/dist/component/toast-noti/toast-noti.js +28 -28
  53. package/dist/component/wini-icon/winicon.d.ts +16 -16
  54. package/dist/component/wini-icon/winicon.js +121 -112
  55. package/dist/form/login/view.d.ts +40 -40
  56. package/dist/form/login/view.js +66 -65
  57. package/dist/i18n.d.ts +2 -0
  58. package/dist/i18n.js +125 -0
  59. package/dist/index.d.ts +32 -31
  60. package/dist/index.js +1 -1
  61. package/dist/language/i18n.d.ts +2 -0
  62. package/dist/language/i18n.js +125 -0
  63. package/package.json +5 -3
@@ -1,119 +1,119 @@
1
- "use strict";
2
- var __extends = (this && this.__extends) || (function () {
3
- var extendStatics = function (d, b) {
4
- extendStatics = Object.setPrototypeOf ||
5
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
- return extendStatics(d, b);
8
- };
9
- return function (d, b) {
10
- if (typeof b !== "function" && b !== null)
11
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
- extendStatics(d, b);
13
- function __() { this.constructor = d; }
14
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
- };
16
- })();
17
- var __assign = (this && this.__assign) || function () {
18
- __assign = Object.assign || function(t) {
19
- for (var s, i = 1, n = arguments.length; i < n; i++) {
20
- s = arguments[i];
21
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
22
- t[p] = s[p];
23
- }
24
- return t;
25
- };
26
- return __assign.apply(this, arguments);
27
- };
28
- var __importDefault = (this && this.__importDefault) || function (mod) {
29
- return (mod && mod.__esModule) ? mod : { "default": mod };
30
- };
31
- Object.defineProperty(exports, "__esModule", { value: true });
32
- exports.Table = exports.TbBody = exports.TbHeader = exports.TbRow = exports.TbCell = exports.CellAlignItems = void 0;
33
- var react_1 = __importDefault(require("react"));
34
- require("./table.css");
35
- var CellAlignItems;
36
- (function (CellAlignItems) {
37
- CellAlignItems["start"] = "start";
38
- CellAlignItems["center"] = "center";
39
- CellAlignItems["end"] = "end";
40
- })(CellAlignItems = exports.CellAlignItems || (exports.CellAlignItems = {}));
41
- var TbCell = /** @class */ (function (_super) {
42
- __extends(TbCell, _super);
43
- function TbCell() {
44
- return _super !== null && _super.apply(this, arguments) || this;
45
- }
46
- TbCell.prototype.render = function () {
47
- var _a, _b;
48
- 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);
49
- };
50
- return TbCell;
51
- }(react_1.default.Component));
52
- exports.TbCell = TbCell;
53
- var TbRow = /** @class */ (function (_super) {
54
- __extends(TbRow, _super);
55
- function TbRow() {
56
- return _super !== null && _super.apply(this, arguments) || this;
57
- }
58
- TbRow.prototype.render = function () {
59
- var _this = this;
60
- var _a, _b;
61
- 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) {
62
- var _a, _b;
63
- var ox = 0;
64
- if (_this.props.children && i > 0 && i < (_this.props.children.length - 1)) {
65
- ox = "calc(".concat(_this.props.children.slice(0, i).map(function (tb) {
66
- var _a, _b, _c;
67
- 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;
68
- return wValue ? typeof wValue === 'number' ? "".concat(wValue, "px") : wValue : '60px';
69
- }).join(" + "), ")");
70
- }
71
- 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 });
72
- }));
73
- };
74
- return TbRow;
75
- }(react_1.default.Component));
76
- exports.TbRow = TbRow;
77
- var TbHeader = /** @class */ (function (_super) {
78
- __extends(TbHeader, _super);
79
- function TbHeader() {
80
- return _super !== null && _super.apply(this, arguments) || this;
81
- }
82
- TbHeader.prototype.render = function () {
83
- var _this = this;
84
- var _a, _b;
85
- return react_1.default.createElement("thead", { style: this.props.style, className: "tb-header ".concat((_a = this.props.className) !== null && _a !== void 0 ? _a : "") },
86
- react_1.default.createElement("tr", null, ((_b = this.props.children) !== null && _b !== void 0 ? _b : []).map(function (e, i) {
87
- var _a, _b;
88
- var ox = 0;
89
- if (_this.props.children && i > 0 && i < (_this.props.children.length - 1)) {
90
- 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(" + "), ")");
91
- }
92
- 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 });
93
- })));
94
- };
95
- return TbHeader;
96
- }(react_1.default.Component));
97
- exports.TbHeader = TbHeader;
98
- var TbBody = /** @class */ (function (_super) {
99
- __extends(TbBody, _super);
100
- function TbBody() {
101
- return _super !== null && _super.apply(this, arguments) || this;
102
- }
103
- TbBody.prototype.render = function () {
104
- return react_1.default.createElement("tbody", { id: this.props.id }, this.props.children);
105
- };
106
- return TbBody;
107
- }(react_1.default.Component));
108
- exports.TbBody = TbBody;
109
- var Table = /** @class */ (function (_super) {
110
- __extends(Table, _super);
111
- function Table() {
112
- return _super !== null && _super.apply(this, arguments) || this;
113
- }
114
- Table.prototype.render = function () {
115
- return react_1.default.createElement("table", { id: this.props.id, className: "custom-table ".concat(this.props.className), style: this.props.style }, this.props.children);
116
- };
117
- return Table;
118
- }(react_1.default.Component));
119
- exports.Table = Table;
1
+ "use strict";
2
+ var __extends = (this && this.__extends) || (function () {
3
+ var extendStatics = function (d, b) {
4
+ extendStatics = Object.setPrototypeOf ||
5
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
+ return extendStatics(d, b);
8
+ };
9
+ return function (d, b) {
10
+ if (typeof b !== "function" && b !== null)
11
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
+ extendStatics(d, b);
13
+ function __() { this.constructor = d; }
14
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
+ };
16
+ })();
17
+ var __assign = (this && this.__assign) || function () {
18
+ __assign = Object.assign || function(t) {
19
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
20
+ s = arguments[i];
21
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
22
+ t[p] = s[p];
23
+ }
24
+ return t;
25
+ };
26
+ return __assign.apply(this, arguments);
27
+ };
28
+ var __importDefault = (this && this.__importDefault) || function (mod) {
29
+ return (mod && mod.__esModule) ? mod : { "default": mod };
30
+ };
31
+ Object.defineProperty(exports, "__esModule", { value: true });
32
+ exports.Table = exports.TbBody = exports.TbHeader = exports.TbRow = exports.TbCell = exports.CellAlignItems = void 0;
33
+ var react_1 = __importDefault(require("react"));
34
+ require("./table.css");
35
+ var CellAlignItems;
36
+ (function (CellAlignItems) {
37
+ CellAlignItems["start"] = "start";
38
+ CellAlignItems["center"] = "center";
39
+ CellAlignItems["end"] = "end";
40
+ })(CellAlignItems || (exports.CellAlignItems = CellAlignItems = {}));
41
+ var TbCell = /** @class */ (function (_super) {
42
+ __extends(TbCell, _super);
43
+ function TbCell() {
44
+ return _super !== null && _super.apply(this, arguments) || this;
45
+ }
46
+ TbCell.prototype.render = function () {
47
+ var _a, _b;
48
+ 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);
49
+ };
50
+ return TbCell;
51
+ }(react_1.default.Component));
52
+ exports.TbCell = TbCell;
53
+ var TbRow = /** @class */ (function (_super) {
54
+ __extends(TbRow, _super);
55
+ function TbRow() {
56
+ return _super !== null && _super.apply(this, arguments) || this;
57
+ }
58
+ TbRow.prototype.render = function () {
59
+ var _this = this;
60
+ var _a, _b;
61
+ 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) {
62
+ var _a, _b;
63
+ var ox = 0;
64
+ if (_this.props.children && i > 0 && i < (_this.props.children.length - 1)) {
65
+ ox = "calc(".concat(_this.props.children.slice(0, i).map(function (tb) {
66
+ var _a, _b, _c;
67
+ 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;
68
+ return wValue ? typeof wValue === 'number' ? "".concat(wValue, "px") : wValue : '60px';
69
+ }).join(" + "), ")");
70
+ }
71
+ 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 });
72
+ }));
73
+ };
74
+ return TbRow;
75
+ }(react_1.default.Component));
76
+ exports.TbRow = TbRow;
77
+ var TbHeader = /** @class */ (function (_super) {
78
+ __extends(TbHeader, _super);
79
+ function TbHeader() {
80
+ return _super !== null && _super.apply(this, arguments) || this;
81
+ }
82
+ TbHeader.prototype.render = function () {
83
+ var _this = this;
84
+ var _a, _b;
85
+ return react_1.default.createElement("thead", { style: this.props.style, className: "tb-header ".concat((_a = this.props.className) !== null && _a !== void 0 ? _a : "") },
86
+ react_1.default.createElement("tr", null, ((_b = this.props.children) !== null && _b !== void 0 ? _b : []).map(function (e, i) {
87
+ var _a, _b;
88
+ var ox = 0;
89
+ if (_this.props.children && i > 0 && i < (_this.props.children.length - 1)) {
90
+ 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(" + "), ")");
91
+ }
92
+ 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 });
93
+ })));
94
+ };
95
+ return TbHeader;
96
+ }(react_1.default.Component));
97
+ exports.TbHeader = TbHeader;
98
+ var TbBody = /** @class */ (function (_super) {
99
+ __extends(TbBody, _super);
100
+ function TbBody() {
101
+ return _super !== null && _super.apply(this, arguments) || this;
102
+ }
103
+ TbBody.prototype.render = function () {
104
+ return react_1.default.createElement("tbody", { id: this.props.id }, this.props.children);
105
+ };
106
+ return TbBody;
107
+ }(react_1.default.Component));
108
+ exports.TbBody = TbBody;
109
+ var Table = /** @class */ (function (_super) {
110
+ __extends(Table, _super);
111
+ function Table() {
112
+ return _super !== null && _super.apply(this, arguments) || this;
113
+ }
114
+ Table.prototype.render = function () {
115
+ return react_1.default.createElement("table", { id: this.props.id, className: "custom-table ".concat(this.props.className), style: this.props.style }, this.props.children);
116
+ };
117
+ return Table;
118
+ }(react_1.default.Component));
119
+ exports.Table = Table;
@@ -1,17 +1,17 @@
1
- import React, { CSSProperties, ReactNode } from 'react';
2
- import { ComponentStatus } from '../component-status';
3
- interface TagProps {
4
- id?: string;
5
- title: string;
6
- prefix?: ReactNode;
7
- suffix?: ReactNode;
8
- disabled?: boolean;
9
- style?: CSSProperties;
10
- className?: string;
11
- status?: ComponentStatus;
12
- onClick?: React.MouseEventHandler<HTMLDivElement>;
13
- }
14
- export declare class Tag extends React.Component<TagProps> {
15
- render(): React.JSX.Element;
16
- }
17
- export {};
1
+ import React, { CSSProperties, ReactNode } from 'react';
2
+ import { ComponentStatus } from '../component-status';
3
+ interface TagProps {
4
+ id?: string;
5
+ title: string;
6
+ prefix?: ReactNode;
7
+ suffix?: ReactNode;
8
+ disabled?: boolean;
9
+ style?: CSSProperties;
10
+ className?: string;
11
+ status?: ComponentStatus;
12
+ onClick?: React.MouseEventHandler<HTMLDivElement>;
13
+ }
14
+ export declare class Tag extends React.Component<TagProps> {
15
+ render(): React.JSX.Element;
16
+ }
17
+ export {};
@@ -1,39 +1,39 @@
1
- "use strict";
2
- var __extends = (this && this.__extends) || (function () {
3
- var extendStatics = function (d, b) {
4
- extendStatics = Object.setPrototypeOf ||
5
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
- return extendStatics(d, b);
8
- };
9
- return function (d, b) {
10
- if (typeof b !== "function" && b !== null)
11
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
- extendStatics(d, b);
13
- function __() { this.constructor = d; }
14
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
- };
16
- })();
17
- var __importDefault = (this && this.__importDefault) || function (mod) {
18
- return (mod && mod.__esModule) ? mod : { "default": mod };
19
- };
20
- Object.defineProperty(exports, "__esModule", { value: true });
21
- exports.Tag = void 0;
22
- var react_1 = __importDefault(require("react"));
23
- var text_1 = require("../text/text");
24
- var tag_module_css_1 = __importDefault(require("./tag.module.css"));
25
- var Tag = /** @class */ (function (_super) {
26
- __extends(Tag, _super);
27
- function Tag() {
28
- return _super !== null && _super.apply(this, arguments) || this;
29
- }
30
- Tag.prototype.render = function () {
31
- var _a, _b;
32
- return react_1.default.createElement("div", { id: this.props.id, "tag-type": (_a = this.state) !== 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-2", " "), style: this.props.style, onClick: this.props.onClick },
33
- this.props.prefix,
34
- react_1.default.createElement(text_1.Text, { maxLine: 1, className: tag_module_css_1.default['tag-label'] }, this.props.title),
35
- this.props.suffix);
36
- };
37
- return Tag;
38
- }(react_1.default.Component));
39
- exports.Tag = Tag;
1
+ "use strict";
2
+ var __extends = (this && this.__extends) || (function () {
3
+ var extendStatics = function (d, b) {
4
+ extendStatics = Object.setPrototypeOf ||
5
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
+ return extendStatics(d, b);
8
+ };
9
+ return function (d, b) {
10
+ if (typeof b !== "function" && b !== null)
11
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
+ extendStatics(d, b);
13
+ function __() { this.constructor = d; }
14
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
+ };
16
+ })();
17
+ var __importDefault = (this && this.__importDefault) || function (mod) {
18
+ return (mod && mod.__esModule) ? mod : { "default": mod };
19
+ };
20
+ Object.defineProperty(exports, "__esModule", { value: true });
21
+ exports.Tag = void 0;
22
+ var react_1 = __importDefault(require("react"));
23
+ var text_1 = require("../text/text");
24
+ var tag_module_css_1 = __importDefault(require("./tag.module.css"));
25
+ var Tag = /** @class */ (function (_super) {
26
+ __extends(Tag, _super);
27
+ function Tag() {
28
+ return _super !== null && _super.apply(this, arguments) || this;
29
+ }
30
+ Tag.prototype.render = function () {
31
+ var _a, _b;
32
+ return react_1.default.createElement("div", { id: this.props.id, "tag-type": (_a = this.state) !== 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-2", " "), style: this.props.style, onClick: this.props.onClick },
33
+ this.props.prefix,
34
+ react_1.default.createElement(text_1.Text, { maxLine: 1, className: tag_module_css_1.default['tag-label'] }, this.props.title),
35
+ this.props.suffix);
36
+ };
37
+ return Tag;
38
+ }(react_1.default.Component));
39
+ exports.Tag = Tag;
@@ -1,16 +1,16 @@
1
- import React, { CSSProperties, ReactNode } from 'react';
2
- import './text.css';
3
- interface TextProps {
4
- id?: string;
5
- children?: ReactNode;
6
- style?: CSSProperties;
7
- className?: string;
8
- maxLine?: number;
9
- onClick?: React.MouseEventHandler<HTMLDivElement>;
10
- onHover?: React.MouseEventHandler<HTMLDivElement>;
11
- html?: string;
12
- }
13
- export declare class Text extends React.Component<TextProps> {
14
- render(): React.ReactNode;
15
- }
16
- export {};
1
+ import React, { CSSProperties, ReactNode } from 'react';
2
+ import './text.css';
3
+ interface TextProps {
4
+ id?: string;
5
+ children?: ReactNode;
6
+ style?: CSSProperties;
7
+ className?: string;
8
+ maxLine?: number;
9
+ onClick?: React.MouseEventHandler<HTMLDivElement>;
10
+ onHover?: React.MouseEventHandler<HTMLDivElement>;
11
+ html?: string;
12
+ }
13
+ export declare class Text extends React.Component<TextProps> {
14
+ render(): React.ReactNode;
15
+ }
16
+ export {};
@@ -1,51 +1,51 @@
1
- "use strict";
2
- var __extends = (this && this.__extends) || (function () {
3
- var extendStatics = function (d, b) {
4
- extendStatics = Object.setPrototypeOf ||
5
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
- return extendStatics(d, b);
8
- };
9
- return function (d, b) {
10
- if (typeof b !== "function" && b !== null)
11
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
- extendStatics(d, b);
13
- function __() { this.constructor = d; }
14
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
- };
16
- })();
17
- var __assign = (this && this.__assign) || function () {
18
- __assign = Object.assign || function(t) {
19
- for (var s, i = 1, n = arguments.length; i < n; i++) {
20
- s = arguments[i];
21
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
22
- t[p] = s[p];
23
- }
24
- return t;
25
- };
26
- return __assign.apply(this, arguments);
27
- };
28
- var __importDefault = (this && this.__importDefault) || function (mod) {
29
- return (mod && mod.__esModule) ? mod : { "default": mod };
30
- };
31
- Object.defineProperty(exports, "__esModule", { value: true });
32
- exports.Text = void 0;
33
- var react_1 = __importDefault(require("react"));
34
- require("./text.css");
35
- var Text = /** @class */ (function (_super) {
36
- __extends(Text, _super);
37
- function Text() {
38
- return _super !== null && _super.apply(this, arguments) || this;
39
- }
40
- Text.prototype.render = function () {
41
- var _a, _b, _c;
42
- var convertStyle = (_a = this.props.style) !== null && _a !== void 0 ? _a : {};
43
- if (this.props.maxLine) {
44
- convertStyle = __assign(__assign({}, convertStyle), { '--max-line': this.props.maxLine });
45
- }
46
- 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 }) :
47
- 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);
48
- };
49
- return Text;
50
- }(react_1.default.Component));
51
- exports.Text = Text;
1
+ "use strict";
2
+ var __extends = (this && this.__extends) || (function () {
3
+ var extendStatics = function (d, b) {
4
+ extendStatics = Object.setPrototypeOf ||
5
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
+ return extendStatics(d, b);
8
+ };
9
+ return function (d, b) {
10
+ if (typeof b !== "function" && b !== null)
11
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
+ extendStatics(d, b);
13
+ function __() { this.constructor = d; }
14
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
+ };
16
+ })();
17
+ var __assign = (this && this.__assign) || function () {
18
+ __assign = Object.assign || function(t) {
19
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
20
+ s = arguments[i];
21
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
22
+ t[p] = s[p];
23
+ }
24
+ return t;
25
+ };
26
+ return __assign.apply(this, arguments);
27
+ };
28
+ var __importDefault = (this && this.__importDefault) || function (mod) {
29
+ return (mod && mod.__esModule) ? mod : { "default": mod };
30
+ };
31
+ Object.defineProperty(exports, "__esModule", { value: true });
32
+ exports.Text = void 0;
33
+ var react_1 = __importDefault(require("react"));
34
+ require("./text.css");
35
+ var Text = /** @class */ (function (_super) {
36
+ __extends(Text, _super);
37
+ function Text() {
38
+ return _super !== null && _super.apply(this, arguments) || this;
39
+ }
40
+ Text.prototype.render = function () {
41
+ var _a, _b, _c;
42
+ var convertStyle = (_a = this.props.style) !== null && _a !== void 0 ? _a : {};
43
+ if (this.props.maxLine) {
44
+ convertStyle = __assign(__assign({}, convertStyle), { '--max-line': this.props.maxLine });
45
+ }
46
+ 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 }) :
47
+ 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);
48
+ };
49
+ return Text;
50
+ }(react_1.default.Component));
51
+ exports.Text = Text;
@@ -1,28 +1,28 @@
1
- import React, { CSSProperties } from "react";
2
- import './text-area.css';
3
- import { UseFormRegister } from "react-hook-form";
4
- interface TextAreaProps {
5
- id?: string;
6
- value?: string;
7
- maxLength?: number;
8
- defaultValue?: string;
9
- onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
10
- onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
11
- onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
12
- placeholder?: string;
13
- disabled?: boolean;
14
- readOnly?: boolean;
15
- autoFocus?: boolean;
16
- className?: string;
17
- helperText?: string;
18
- name?: string;
19
- helperTextColor?: string;
20
- style?: CSSProperties;
21
- register?: UseFormRegister<{}>;
22
- }
23
- export declare class TextArea extends React.Component<TextAreaProps> {
24
- private containerRef;
25
- getTextarea: () => HTMLTextAreaElement | null | undefined;
26
- render(): React.ReactNode;
27
- }
28
- export {};
1
+ import React, { CSSProperties } from "react";
2
+ import './text-area.css';
3
+ import { UseFormRegister } from "react-hook-form";
4
+ interface TextAreaProps {
5
+ id?: string;
6
+ value?: string;
7
+ maxLength?: number;
8
+ defaultValue?: string;
9
+ onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
10
+ onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
11
+ onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
12
+ placeholder?: string;
13
+ disabled?: boolean;
14
+ readOnly?: boolean;
15
+ autoFocus?: boolean;
16
+ className?: string;
17
+ helperText?: string;
18
+ name?: string;
19
+ helperTextColor?: string;
20
+ style?: CSSProperties;
21
+ register?: UseFormRegister<{}>;
22
+ }
23
+ export declare class TextArea extends React.Component<TextAreaProps> {
24
+ private containerRef;
25
+ getTextarea: () => HTMLTextAreaElement | null | undefined;
26
+ render(): React.ReactNode;
27
+ }
28
+ export {};