wini-web-components 0.7.0 → 0.7.2

package/dist/component/calendar/calendar.d.ts

@@ -4,7 +4,7 @@ export declare const today: Date;
 export declare const startDate: Date;
 export declare const endDate: Date;
 export declare const inRangeTime: (date: Date, startDate: Date, endDate: Date) => boolean;
-export declare const enum CalendarType {
+export declare enum CalendarType {
     DATE = 0,
     MONTH = 1,
     YEAR = 2,

package/dist/component/calendar/calendar.js

@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Calendar = exports.inRangeTime = exports.endDate = exports.startDate = exports.today = void 0;
+exports.Calendar = exports.CalendarType = exports.inRangeTime = exports.endDate = exports.startDate = exports.today = void 0;
 var react_1 = __importDefault(require("react"));
 require("./calendar.css");
 var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
@@ -40,6 +40,13 @@ exports.startDate = new Date(exports.today.getFullYear() - 100, exports.today.ge
 exports.endDate = new Date(exports.today.getFullYear() + 100, exports.today.getMonth(), exports.today.getDate());
 var inRangeTime = function (date, startDate, endDate) { return ((0, date_fns_1.differenceInCalendarDays)(date, startDate) > -1 && (0, date_fns_1.differenceInCalendarDays)(endDate, date) > -1); };
 exports.inRangeTime = inRangeTime;
+var CalendarType;
+(function (CalendarType) {
+    CalendarType[CalendarType["DATE"] = 0] = "DATE";
+    CalendarType[CalendarType["MONTH"] = 1] = "MONTH";
+    CalendarType[CalendarType["YEAR"] = 2] = "YEAR";
+    CalendarType[CalendarType["DATETIME"] = 3] = "DATETIME";
+})(CalendarType = exports.CalendarType || (exports.CalendarType = {}));
 var Calendar = /** @class */ (function (_super) {
     __extends(Calendar, _super);
     function Calendar() {
@@ -51,7 +58,7 @@ var Calendar = /** @class */ (function (_super) {
             selectDate: (_b = _this.props.value) !== null && _b !== void 0 ? _b : exports.today,
             selectMonth: ((_c = _this.props.value) !== null && _c !== void 0 ? _c : exports.today).getMonth(),
             selectYear: ((_d = _this.props.value) !== null && _d !== void 0 ? _d : exports.today).getFullYear(),
-            type: 0 /* CalendarType.DATE */,
+            type: CalendarType.DATE,
             selectHours: (_f = (_e = _this.props.value) === null || _e === void 0 ? void 0 : _e.getHours()) !== null && _f !== void 0 ? _f : 0,
             selectMinutes: (_h = (_g = _this.props.value) === null || _g === void 0 ? void 0 : _g.getMinutes()) !== null && _h !== void 0 ? _h : 0,
             selectSeconds: (_k = (_j = _this.props.value) === null || _j === void 0 ? void 0 : _j.getSeconds()) !== null && _k !== void 0 ? _k : 0,
@@ -188,13 +195,13 @@ var Calendar = /** @class */ (function (_super) {
                 selected = true;
             }
             return react_1.default.createElement("button", __assign({ type: "button", key: timeValue.toString(), className: "month-picker-circle body-3 row ".concat(selected ? 'selected' : ''), style: style }, additionProps, { onClick: function () {
-                    if (_this.props.type === 1 /* CalendarType.MONTH */) {
+                    if (_this.props.type === CalendarType.MONTH) {
                         _this.setState(__assign(__assign({}, _this.state), { value: timeValue }));
                         if (_this.props.onSelect)
                             _this.props.onSelect(timeValue);
                     }
                     else {
-                        _this.setState(__assign(__assign({}, _this.state), { selectMonth: i, type: 0 /* CalendarType.DATE */ }));
+                        _this.setState(__assign(__assign({}, _this.state), { selectMonth: i, type: CalendarType.DATE }));
                     }
                 } }), monthTitle);
         }));
@@ -218,23 +225,23 @@ var Calendar = /** @class */ (function (_super) {
                 selected = true;
             }
             return react_1.default.createElement("button", __assign({ type: "button", key: yearNumber.toString(), className: "year-picker-circle body-3 row ".concat(selected ? 'selected' : ''), style: style }, additionProps, { onClick: function () {
-                    if (_this.props.type === 2 /* CalendarType.YEAR */) {
+                    if (_this.props.type === CalendarType.YEAR) {
                         _this.setState(__assign(__assign({}, _this.state), { value: new Date(yearNumber) }));
                         if (_this.props.onSelect)
                             _this.props.onSelect(new Date(yearNumber));
                     }
                     else {
-                        _this.setState(__assign(__assign({}, _this.state), { type: 1 /* CalendarType.MONTH */, selectYear: yearNumber }));
+                        _this.setState(__assign(__assign({}, _this.state), { type: CalendarType.MONTH, selectYear: yearNumber }));
                     }
                 } }), yearNumber);
         }));
     };
     Calendar.prototype.getTitle = function () {
         switch (this.state.type) {
-            case 2 /* CalendarType.YEAR */:
+            case CalendarType.YEAR:
                 var firstYearInTable = this.state.selectYear - ((this.state.selectYear - exports.startDate.getFullYear()) % 12);
                 return "".concat(firstYearInTable, "-").concat(firstYearInTable + 11);
-            case 1 /* CalendarType.MONTH */:
+            case CalendarType.MONTH:
                 return this.state.selectYear;
             default:
                 switch (this.state.selectMonth) {
@@ -295,7 +302,7 @@ var Calendar = /** @class */ (function (_super) {
                         react_1.default.createElement("div", { className: 'picker-date-header row' },
                             react_1.default.createElement("button", { type: 'button', onClick: function () {
                                     switch (_this.state.type) {
-                                        case 2 /* CalendarType.YEAR */:
+                                        case CalendarType.YEAR:
                                             if (_this.state.selectYear - 20 < exports.startDate.getFullYear()) {
                                                 _this.setState(__assign(__assign({}, _this.state), { selectYear: exports.startDate.getFullYear() }));
                                             }
@@ -303,7 +310,7 @@ var Calendar = /** @class */ (function (_super) {
                                                 _this.setState(__assign(__assign({}, _this.state), { selectYear: _this.state.selectYear - 20 }));
                                             }
                                             break;
-                                        case 1 /* CalendarType.MONTH */:
+                                        case CalendarType.MONTH:
                                             if (_this.state.selectYear - 10 < exports.startDate.getFullYear()) {
                                                 _this.setState(__assign(__assign({}, _this.state), { selectYear: exports.startDate.getFullYear() }));
                                             }
@@ -319,7 +326,7 @@ var Calendar = /** @class */ (function (_super) {
                                 react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faAngleDoubleLeft })),
                             react_1.default.createElement("button", { type: 'button', onClick: function () {
                                     switch (_this.state.type) {
-                                        case 2 /* CalendarType.YEAR */:
+                                        case CalendarType.YEAR:
                                             if (_this.state.selectYear - 10 < exports.startDate.getFullYear()) {
                                                 _this.setState(__assign(__assign({}, _this.state), { selectYear: exports.startDate.getFullYear() }));
                                             }
@@ -327,7 +334,7 @@ var Calendar = /** @class */ (function (_super) {
                                                 _this.setState(__assign(__assign({}, _this.state), { selectYear: _this.state.selectYear - 10 }));
                                             }
                                             break;
-                                        case 1 /* CalendarType.MONTH */:
+                                        case CalendarType.MONTH:
                                             if (_this.state.selectYear - 1 >= exports.startDate.getFullYear()) {
                                                 _this.setState(__assign(__assign({}, _this.state), { selectYear: _this.state.selectYear - 1 }));
                                             }
@@ -340,12 +347,12 @@ var Calendar = /** @class */ (function (_super) {
                                 } },
                                 react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faAngleLeft })),
                             react_1.default.createElement("span", { className: "heading-7", onClick: function () {
-                                    if (_this.state.type !== 2 /* CalendarType.YEAR */)
-                                        _this.setState(__assign(__assign({}, _this.state), { type: _this.state.type === 0 /* CalendarType.DATE */ ? 1 /* CalendarType.MONTH */ : 2 /* CalendarType.YEAR */ }));
+                                    if (_this.state.type !== CalendarType.YEAR)
+                                        _this.setState(__assign(__assign({}, _this.state), { type: _this.state.type === CalendarType.DATE ? CalendarType.MONTH : CalendarType.YEAR }));
                                 } }, this.getTitle()),
                             react_1.default.createElement("button", { type: 'button', onClick: function () {
                                     switch (_this.state.type) {
-                                        case 2 /* CalendarType.YEAR */:
+                                        case CalendarType.YEAR:
                                             if (_this.state.selectYear + 10 > exports.endDate.getFullYear()) {
                                                 _this.setState(__assign(__assign({}, _this.state), { selectYear: exports.endDate.getFullYear() }));
                                             }
@@ -353,7 +360,7 @@ var Calendar = /** @class */ (function (_super) {
                                                 _this.setState(__assign(__assign({}, _this.state), { selectYear: _this.state.selectYear + 10 }));
                                             }
                                             break;
-                                        case 1 /* CalendarType.MONTH */:
+                                        case CalendarType.MONTH:
                                             if (_this.state.selectYear + 1 <= exports.endDate.getFullYear()) {
                                                 _this.setState(__assign(__assign({}, _this.state), { selectYear: _this.state.selectYear + 1 }));
                                             }
@@ -367,7 +374,7 @@ var Calendar = /** @class */ (function (_super) {
                                 react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faAngleRight })),
                             react_1.default.createElement("button", { type: 'button', onClick: function () {
                                     switch (_this.state.type) {
-                                        case 2 /* CalendarType.YEAR */:
+                                        case CalendarType.YEAR:
                                             if (_this.state.selectYear + 20 > exports.endDate.getFullYear()) {
                                                 _this.setState(__assign(__assign({}, _this.state), { selectYear: exports.endDate.getFullYear() }));
                                             }
@@ -375,7 +382,7 @@ var Calendar = /** @class */ (function (_super) {
                                                 _this.setState(__assign(__assign({}, _this.state), { selectYear: _this.state.selectYear + 20 }));
                                             }
                                             break;
-                                        case 1 /* CalendarType.MONTH */:
+                                        case CalendarType.MONTH:
                                             if (_this.state.selectYear + 10 < exports.endDate.getFullYear()) {
                                                 _this.setState(__assign(__assign({}, _this.state), { selectYear: exports.endDate.getFullYear() }));
                                             }
@@ -389,8 +396,8 @@ var Calendar = /** @class */ (function (_super) {
                                     }
                                 } },
                                 react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faAngleDoubleRight }))),
-                        react_1.default.createElement("div", { className: 'picker-date-body row' }, this.state.type === 2 /* CalendarType.YEAR */ ? this.showYearInRange() : this.state.type === 1 /* CalendarType.MONTH */ ? this.showMonthInYear() : this.showDateInMonth())),
-                    this.props.type === 3 /* CalendarType.DATETIME */ ? react_1.default.createElement("div", { className: "picker-time-container col" },
+                        react_1.default.createElement("div", { className: 'picker-date-body row' }, this.state.type === CalendarType.YEAR ? this.showYearInRange() : this.state.type === CalendarType.MONTH ? this.showMonthInYear() : this.showDateInMonth())),
+                    this.props.type === CalendarType.DATETIME ? react_1.default.createElement("div", { className: "picker-time-container col" },
                         react_1.default.createElement("div", { className: "heading-7" },
                             this.state.selectHours < 10 ? "0".concat(this.state.selectHours) : this.state.selectHours,
                             ":",

package/dist/component/component-status.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare const enum ComponentStatus {
+export declare enum ComponentStatus {
     INFOR = 1,
     ERROR = 2,
     WARNING = 3,

package/dist/component/component-status.js

@@ -3,15 +3,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStatusIcon = void 0;
+exports.getStatusIcon = exports.ComponentStatus = void 0;
 var react_1 = __importDefault(require("react"));
+var ComponentStatus;
+(function (ComponentStatus) {
+    ComponentStatus[ComponentStatus["INFOR"] = 1] = "INFOR";
+    ComponentStatus[ComponentStatus["ERROR"] = 2] = "ERROR";
+    ComponentStatus[ComponentStatus["WARNING"] = 3] = "WARNING";
+    ComponentStatus[ComponentStatus["SUCCSESS"] = 4] = "SUCCSESS";
+})(ComponentStatus = exports.ComponentStatus || (exports.ComponentStatus = {}));
 var getStatusIcon = function (status) {
     switch (status) {
-        case 2 /* ComponentStatus.ERROR */:
+        case ComponentStatus.ERROR:
             return errorSvg;
-        case 3 /* ComponentStatus.WARNING */:
+        case ComponentStatus.WARNING:
             return warningSvg;
-        case 4 /* ComponentStatus.SUCCSESS */:
+        case ComponentStatus.SUCCSESS:
             return successSvg;
         default:
             return inforSvg;

package/dist/component/date-picker/date-picker.js

@@ -139,12 +139,12 @@ var DatePicker = /** @class */ (function (_super) {
             var params = (_b = value !== null && value !== void 0 ? value : (_a = _this.state) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';
             if ((_c = params.trim()) === null || _c === void 0 ? void 0 : _c.length) {
                 switch (_this.props.pickerType) {
-                    case 2 /* CalendarType.YEAR */:
+                    case index_1.CalendarType.YEAR:
                         return new Date(parseInt(params), 1, 1);
-                    case 1 /* CalendarType.MONTH */:
+                    case index_1.CalendarType.MONTH:
                         var splitParams = params.includes('/') ? params.split('/') : params.split('-');
                         return new Date(parseInt((_d = splitParams[1]) !== null && _d !== void 0 ? _d : "".concat(calendar_1.today.getFullYear())), parseInt((_e = splitParams[0]) !== null && _e !== void 0 ? _e : "".concat(calendar_1.today.getMonth())), 1);
-                    case 3 /* CalendarType.DATETIME */:
+                    case index_1.CalendarType.DATETIME:
                         return stringToDate(params, (_f = _this.props.formatDate) !== null && _f !== void 0 ? _f : 'dd/mm/yyyy hh:mm');
                     default:
                         return stringToDate(params);
@@ -202,13 +202,13 @@ var DatePicker = /** @class */ (function (_super) {
         var _a, _b, _c, _d, _e, _f, _g;
         var maxLength = 10;
         switch (this.props.pickerType) {
-            case 2 /* CalendarType.YEAR */:
+            case index_1.CalendarType.YEAR:
                 maxLength = 4;
                 break;
-            case 1 /* CalendarType.MONTH */:
+            case index_1.CalendarType.MONTH:
                 maxLength = 7;
                 break;
-            case 3 /* CalendarType.DATETIME */:
+            case index_1.CalendarType.DATETIME:
                 maxLength = 19;
                 break;
             default:
@@ -220,7 +220,7 @@ var DatePicker = /** @class */ (function (_super) {
                         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
                         var inputValue = ev.target.value.trim();
                         switch (_this.props.pickerType) {
-                            case 2 /* CalendarType.YEAR */:
+                            case index_1.CalendarType.YEAR:
                                 var minYear = ((_a = _this.props.min) !== null && _a !== void 0 ? _a : calendar_1.startDate).getFullYear();
                                 var maxYear = ((_b = _this.props.min) !== null && _b !== void 0 ? _b : calendar_1.endDate).getFullYear();
                                 if (!isNaN(parseInt(inputValue)) && parseInt(inputValue) <= maxYear && parseInt(inputValue) >= minYear) {
@@ -234,7 +234,7 @@ var DatePicker = /** @class */ (function (_super) {
                                         _this.props.onChange(undefined);
                                 }
                                 break;
-                            case 1 /* CalendarType.MONTH */:
+                            case index_1.CalendarType.MONTH:
                                 if (inputValue.match(/[0-9]{1,2}(\/|-)[0-9]{4}/g)) {
                                     var dateValue_1 = stringToDate("1/".concat(inputValue), 'dd/MM/yyyy', '/');
                                     if ((0, calendar_1.inRangeTime)(dateValue_1, (_d = (_c = _this.props.min) !== null && _c !== void 0 ? _c : calendar_1.startDate) !== null && _d !== void 0 ? _d : calendar_1.startDate, (_f = (_e = _this.props.min) !== null && _e !== void 0 ? _e : calendar_1.endDate) !== null && _f !== void 0 ? _f : calendar_1.endDate)) {
@@ -254,7 +254,7 @@ var DatePicker = /** @class */ (function (_super) {
                                         _this.props.onChange(undefined);
                                 }
                                 break;
-                            case 3 /* CalendarType.DATETIME */:
+                            case index_1.CalendarType.DATETIME:
                                 var dateTimeValue = undefined;
                                 if (inputValue.match(/[0-9]{1,2}(\/|-)[0-9]{1,2}(\/|-)[0-9]{4}/g)) {
                                     dateTimeValue = stringToDate(inputValue, (_g = _this.props.formatDate) !== null && _g !== void 0 ? _g : 'dd/mm/yyyy hh:mm', '/');
@@ -310,21 +310,21 @@ var DatePicker = /** @class */ (function (_super) {
                         if (ev.target.classList.contains('popup-overlay'))
                             _this.setState(__assign(__assign({}, _this.state), { isOpen: false }));
                     } },
-                    react_1.default.createElement(index_1.Calendar, { value: this.getNewValue(), type: (_f = this.props.pickerType) !== null && _f !== void 0 ? _f : 0 /* CalendarType.DATE */, className: 'date-picker-popup-container', style: (_g = this.state.style) !== null && _g !== void 0 ? _g : { top: this.state.offset.y + this.state.offset.height + 2 + 'px', left: this.state.offset.x + 'px', border: 'none', boxShadow: '-20px 20px 40px -4px rgba(145, 158, 171, 0.24), 0px 0px 2px 0px rgba(145, 158, 171, 0.24)' }, onSelect: function (dateValue) {
+                    react_1.default.createElement(index_1.Calendar, { value: this.getNewValue(), type: (_f = this.props.pickerType) !== null && _f !== void 0 ? _f : index_1.CalendarType.DATE, className: 'date-picker-popup-container', style: (_g = this.state.style) !== null && _g !== void 0 ? _g : { top: this.state.offset.y + this.state.offset.height + 2 + 'px', left: this.state.offset.x + 'px', border: 'none', boxShadow: '-20px 20px 40px -4px rgba(145, 158, 171, 0.24), 0px 0px 2px 0px rgba(145, 158, 171, 0.24)' }, onSelect: function (dateValue) {
                             var _a;
                             switch (_this.props.pickerType) {
-                                case 2 /* CalendarType.YEAR */:
+                                case index_1.CalendarType.YEAR:
                                     _this.setState(__assign(__assign({}, _this.state), { value: dateValue.getFullYear().toString(), isOpen: false }));
                                     if (_this.props.onChange)
                                         _this.props.onChange(dateValue.getFullYear().toString());
                                     break;
-                                case 1 /* CalendarType.MONTH */:
+                                case index_1.CalendarType.MONTH:
                                     var newValue = dateToString(dateValue);
                                     _this.setState(__assign(__assign({}, _this.state), { value: newValue.split('/').slice(1).join('/'), isOpen: false }));
                                     if (_this.props.onChange)
                                         _this.props.onChange(newValue.split('/').slice(1).join('/'));
                                     break;
-                                case 3 /* CalendarType.DATETIME */:
+                                case index_1.CalendarType.DATETIME:
                                     var newValue = dateToString(dateValue, (_a = _this.props.formatDate) !== null && _a !== void 0 ? _a : 'dd/mm/yyyy hh:mm');
                                     _this.setState(__assign(__assign({}, _this.state), { value: newValue }));
                                     break;
@@ -335,16 +335,16 @@ var DatePicker = /** @class */ (function (_super) {
                                         _this.props.onChange(newValue);
                                     break;
                             }
-                        }, footer: (this.props.pickerType === 3 /* CalendarType.DATETIME */ || !this.props.hideButtonToday) && react_1.default.createElement("div", { className: 'row picker-popup-footer' },
-                            this.props.pickerType === undefined || this.props.pickerType === 0 /* CalendarType.DATE */ || this.props.pickerType === 3 /* CalendarType.DATETIME */ ?
+                        }, footer: (this.props.pickerType === index_1.CalendarType.DATETIME || !this.props.hideButtonToday) && react_1.default.createElement("div", { className: 'row picker-popup-footer' },
+                            this.props.pickerType === undefined || this.props.pickerType === index_1.CalendarType.DATE || this.props.pickerType === index_1.CalendarType.DATETIME ?
                                 react_1.default.createElement("button", { type: 'button', className: 'row button-text-3', style: { color: 'var(--infor-color)', width: 'fit-content' }, onClick: function () {
                                         var _a;
-                                        var format = (_a = _this.props.formatDate) !== null && _a !== void 0 ? _a : (_this.props.pickerType === 3 /* CalendarType.DATETIME */ ? 'dd/mm/yyyy hh:mm' : 'dd/mm/yyyy');
+                                        var format = (_a = _this.props.formatDate) !== null && _a !== void 0 ? _a : (_this.props.pickerType === index_1.CalendarType.DATETIME ? 'dd/mm/yyyy hh:mm' : 'dd/mm/yyyy');
                                         _this.setState(__assign(__assign({}, _this.state), { isOpen: false, value: dateToString(calendar_1.today, format) }));
                                         if (_this.props.onChange)
                                             _this.props.onChange(dateToString(calendar_1.today, format));
                                     } }, "Today") : null,
-                            this.props.pickerType === 3 /* CalendarType.DATETIME */ ? react_1.default.createElement(react_1.default.Fragment, null,
+                            this.props.pickerType === index_1.CalendarType.DATETIME ? react_1.default.createElement(react_1.default.Fragment, null,
                                 react_1.default.createElement("div", { style: { flex: 1 } }),
                                 react_1.default.createElement("button", { type: 'button', className: 'row button-primary', style: { padding: '0.6rem 0.8rem' }, onClick: function () {
                                         _this.setState(__assign(__assign({}, _this.state), { isOpen: false }));

package/dist/component/dialog/dialog.js

@@ -44,7 +44,7 @@ var showDialog = function (_a) {
     var ref = _a.ref, title = _a.title, status = _a.status, content = _a.content, onSubmit = _a.onSubmit, submitTitle = _a.submitTitle, alignment = _a.alignment;
     ref.current.showDialogNoti({
         title: title !== null && title !== void 0 ? title : '',
-        status: status !== null && status !== void 0 ? status : 1 /* ComponentStatus.INFOR */,
+        status: status !== null && status !== void 0 ? status : index_1.ComponentStatus.INFOR,
         content: content !== null && content !== void 0 ? content : '',
         onSubmit: onSubmit !== null && onSubmit !== void 0 ? onSubmit : (function () { }),
         submitTitle: submitTitle,
@@ -59,7 +59,7 @@ var Dialog = /** @class */ (function (_super) {
         _this.state = {
             open: false,
             title: '',
-            status: 1 /* ComponentStatus.INFOR */,
+            status: index_1.ComponentStatus.INFOR,
             content: '',
             onSubmit: function () { }
         };

package/dist/component/progress-bar/progress-bar.js

@@ -22,7 +22,7 @@ var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
 var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
 var index_1 = require("../../index");
 function ProgressBar(_a) {
-    var _b = _a.status, status = _b === void 0 ? 1 /* ComponentStatus.INFOR */ : _b, _c = _a.percent, percent = _c === void 0 ? 100 : _c, titleText = _a.titleText, title = _a.title, _d = _a.hideTitle, hideTitle = _d === void 0 ? false : _d, _e = _a.progressBarOnly, progressBarOnly = _e === void 0 ? false : _e, _f = _a.fullColor, fullColor = _f === void 0 ? 'var(--background)' : _f, _g = _a.percentColor, percentColor = _g === void 0 ? 'var(--infor-color)' : _g, style = _a.style, progressBarStyle = _a.progressBarStyle;
+    var _b = _a.status, status = _b === void 0 ? index_1.ComponentStatus.INFOR : _b, _c = _a.percent, percent = _c === void 0 ? 100 : _c, titleText = _a.titleText, title = _a.title, _d = _a.hideTitle, hideTitle = _d === void 0 ? false : _d, _e = _a.progressBarOnly, progressBarOnly = _e === void 0 ? false : _e, _f = _a.fullColor, fullColor = _f === void 0 ? 'var(--background)' : _f, _g = _a.percentColor, percentColor = _g === void 0 ? 'var(--infor-color)' : _g, style = _a.style, progressBarStyle = _a.progressBarStyle;
     var _h = (0, react_1.useState)(true), openDetails = _h[0], setOpenDetails = _h[1];
     return react_2.default.createElement("div", { className: "progress-bar-container col", style: style ? __assign({ padding: progressBarOnly ? '0' : '1.6rem 2.4rem' }, style) : { padding: progressBarOnly ? '0' : '1.6rem 2.4rem' } },
         (hideTitle || progressBarOnly) ? null : (title !== null && title !== void 0 ? title : react_2.default.createElement("div", { className: "progress-bar-title row" },
@@ -31,7 +31,7 @@ function ProgressBar(_a) {
                 react_2.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: openDetails ? free_solid_svg_icons_1.faChevronDown : free_solid_svg_icons_1.faChevronUp })))),
         openDetails ? react_2.default.createElement("div", { className: 'progress-bar-tile row' },
             react_2.default.createElement("div", { className: "progress-bar-value", style: __assign({ '--percent-color': percentColor, '--full-color': fullColor, '--percent': "".concat(percent, "%") }, (progressBarStyle !== null && progressBarStyle !== void 0 ? progressBarStyle : {})) }),
-            progressBarOnly || status === 1 /* ComponentStatus.INFOR */ ? null : react_2.default.createElement("div", { className: 'status-icon' }, (0, index_1.getStatusIcon)(status)),
+            progressBarOnly || status === index_1.ComponentStatus.INFOR ? null : react_2.default.createElement("div", { className: 'status-icon' }, (0, index_1.getStatusIcon)(status)),
             progressBarOnly ? null : react_2.default.createElement("div", { className: 'text-value' },
                 percent,
                 "/100")) : null);

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToastContainer = exports.CustomSlider = exports.ProgressCircle = exports.Rating = exports.InfiniteScroll = exports.ToastMessage = exports.ImportFile = exports.TextArea = exports.RadioButton = exports.TextField = exports.CellAlignItems = exports.TbRow = exports.TbBody = exports.TbHeader = exports.TbCell = exports.Table = exports.Pagination = exports.Text = exports.ProgressBar = exports.SelectMultiple = exports.DatePicker = exports.DialogAlignment = exports.showDialog = exports.Dialog = exports.closePopup = exports.showPopup = exports.Popup = exports.Switch = exports.Select1 = exports.Checkbox = exports.getStatusIcon = exports.Calendar = void 0;
+exports.ToastContainer = exports.CustomSlider = exports.ProgressCircle = exports.Rating = exports.InfiniteScroll = exports.ToastMessage = exports.ImportFile = exports.TextArea = exports.RadioButton = exports.TextField = exports.CellAlignItems = exports.TbRow = exports.TbBody = exports.TbHeader = exports.TbCell = exports.Table = exports.Pagination = exports.Text = exports.ProgressBar = exports.SelectMultiple = exports.DatePicker = exports.DialogAlignment = exports.showDialog = exports.Dialog = exports.closePopup = exports.showPopup = exports.Popup = exports.Switch = exports.Select1 = exports.Checkbox = exports.getStatusIcon = exports.ComponentStatus = exports.CalendarType = exports.Calendar = void 0;
 require("./skin/color.css");
 require("./skin/layout.css");
 require("./skin/typography.css");
@@ -25,6 +25,7 @@ Object.defineProperty(exports, "SelectMultiple", { enumerable: true, get: functi
 var progress_bar_1 = require("./component/progress-bar/progress-bar");
 Object.defineProperty(exports, "ProgressBar", { enumerable: true, get: function () { return progress_bar_1.ProgressBar; } });
 var component_status_1 = require("./component/component-status");
+Object.defineProperty(exports, "ComponentStatus", { enumerable: true, get: function () { return component_status_1.ComponentStatus; } });
 Object.defineProperty(exports, "getStatusIcon", { enumerable: true, get: function () { return component_status_1.getStatusIcon; } });
 var text_1 = require("./component/text/text");
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return text_1.Text; } });
@@ -49,6 +50,7 @@ var toast_noti_1 = require("./component/toast-noti/toast-noti");
 Object.defineProperty(exports, "ToastMessage", { enumerable: true, get: function () { return toast_noti_1.ToastMessage; } });
 var calendar_1 = require("./component/calendar/calendar");
 Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return calendar_1.Calendar; } });
+Object.defineProperty(exports, "CalendarType", { enumerable: true, get: function () { return calendar_1.CalendarType; } });
 var infinite_scroll_1 = require("./component/infinite-scroll/infinite-scroll");
 Object.defineProperty(exports, "InfiniteScroll", { enumerable: true, get: function () { return infinite_scroll_1.InfiniteScroll; } });
 var rating_1 = require("./component/rating/rating");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wini-web-components",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {