@mailstep/design-system 0.8.27 → 0.8.28

package/ui/Elements/DatePicker/Datetime/views/MonthsView.js

@@ -1,271 +1,77 @@
-function _assert_this_initialized(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self;
-}
-function _call_super(_this, derived, args) {
-    derived = _get_prototype_of(derived);
-    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
-}
-function _class_call_check(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
-}
-function _defineProperties(target, props) {
-    for(var i = 0; i < props.length; i++){
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-    }
-}
-function _create_class(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _get_prototype_of(o) {
-    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
-        return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    return _get_prototype_of(o);
-}
-function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function");
-    }
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-        constructor: {
-            value: subClass,
-            writable: true,
-            configurable: true
-        }
-    });
-    if (superClass) _set_prototype_of(subClass, superClass);
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _possible_constructor_return(self, call) {
-    if (call && (_type_of(call) === "object" || typeof call === "function")) {
-        return call;
-    }
-    return _assert_this_initialized(self);
-}
-function _set_prototype_of(o, p) {
-    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
-        o.__proto__ = p;
-        return o;
-    };
-    return _set_prototype_of(o, p);
-}
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-function _is_native_reflect_construct() {
-    try {
-        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-    } catch (_) {}
-    return (_is_native_reflect_construct = function() {
-        return !!result;
-    })();
-}
-import { jsx, jsxs } from "react/jsx-runtime";
+import ViewNavigation from "../components/ViewNavigation.js";
 import React from "react";
-import ViewNavigation from "../components/ViewNavigation";
-var MonthsView = /*#__PURE__*/ function(_React_Component) {
-    "use strict";
-    _inherits(MonthsView, _React_Component);
-    function MonthsView() {
-        _class_call_check(this, MonthsView);
-        var _this;
-        _this = _call_super(this, MonthsView, arguments);
-        _this._updateSelectedMonth = function(event) {
-            _this.props.updateDate(event);
-        };
-        return _this;
-    }
-    _create_class(MonthsView, [
-        {
-            key: "render",
-            value: function render() {
-                return /* @__PURE__ */ jsxs("div", {
-                    className: "rdtMonths",
-                    children: [
-                        /* @__PURE__ */ jsx("table", {
-                            children: /* @__PURE__ */ jsx("thead", {
-                                children: this.renderNavigation()
-                            })
-                        }),
-                        /* @__PURE__ */ jsx("table", {
-                            children: /* @__PURE__ */ jsx("tbody", {
-                                children: this.renderMonths()
-                            })
-                        })
-                    ]
-                });
-            }
-        },
-        {
-            key: "renderNavigation",
-            value: function renderNavigation() {
-                var _this = this;
-                var year = this.props.viewDate.year();
-                return /* @__PURE__ */ jsx(ViewNavigation, {
-                    onClickPrev: function onClickPrev() {
-                        return _this.props.navigate(-1, "years");
-                    },
-                    onClickSwitch: function onClickSwitch() {
-                        return _this.props.showView("years");
-                    },
-                    onClickNext: function onClickNext() {
-                        return _this.props.navigate(1, "years");
-                    },
-                    switchContent: year,
-                    switchColSpan: "2"
-                });
-            }
-        },
-        {
-            key: "renderMonths",
-            value: function renderMonths() {
-                var rows = [
-                    [],
-                    [],
-                    []
-                ];
-                for(var month = 0; month < 12; month++){
-                    var row = getRow(rows, month);
-                    row.push(this.renderMonth(month));
-                }
-                return rows.map(function(months, i) {
-                    return /* @__PURE__ */ jsx("tr", {
-                        children: months
-                    }, i);
-                });
-            }
-        },
-        {
-            key: "renderMonth",
-            value: function renderMonth(month) {
-                var selectedDate = this.props.selectedDate;
-                var className = "rdtMonth";
-                var onClick;
-                if (this.isDisabledMonth(month)) {
-                    className += " rdtDisabled";
-                } else {
-                    onClick = this._updateSelectedMonth;
-                }
-                if (selectedDate && selectedDate.year() === this.props.viewDate.year() && selectedDate.month() === month) {
-                    className += " rdtActive";
-                }
-                var props = {
-                    key: month,
-                    className: className,
-                    "data-value": month,
-                    onClick: onClick
-                };
-                if (this.props.renderMonth) {
-                    return this.props.renderMonth(props, month, this.props.viewDate.year(), this.props.selectedDate && this.props.selectedDate.clone());
-                }
-                return /* @__PURE__ */ jsx("td", _object_spread_props(_object_spread({}, props), {
-                    children: this.getMonthText(month)
-                }));
-            }
-        },
-        {
-            key: "isDisabledMonth",
-            value: function isDisabledMonth(month) {
-                var isValidDate = this.props.isValidDate;
-                if (!isValidDate) {
-                    return false;
-                }
-                var date = this.props.viewDate.clone().set({
-                    month: month
-                });
-                var day = date.endOf("month").date() + 1;
-                while(day-- > 1){
-                    if (isValidDate(date.date(day))) {
-                        return false;
-                    }
-                }
-                return true;
-            }
-        },
-        {
-            key: "getMonthText",
-            value: function getMonthText(month) {
-                var localMoment = this.props.viewDate;
-                var monthStr = localMoment.localeData().monthsShort(localMoment.month(month));
-                return capitalize(monthStr.substring(0, 3));
-            }
-        }
-    ]);
-    return MonthsView;
-}(React.Component);
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/ui/Elements/DatePicker/Datetime/views/MonthsView.tsx
+var MonthsView = class extends React.Component {
+	constructor(..._args) {
+		super(..._args);
+		this._updateSelectedMonth = (event) => {
+			this.props.updateDate(event);
+		};
+	}
+	render() {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "rdtMonths",
+			children: [/* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsx("thead", { children: this.renderNavigation() }) }), /* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsx("tbody", { children: this.renderMonths() }) })]
+		});
+	}
+	renderNavigation() {
+		return /* @__PURE__ */ jsx(ViewNavigation, {
+			onClickPrev: () => this.props.navigate(-1, "years"),
+			onClickSwitch: () => this.props.showView("years"),
+			onClickNext: () => this.props.navigate(1, "years"),
+			switchContent: this.props.viewDate.year(),
+			switchColSpan: "2"
+		});
+	}
+	renderMonths() {
+		let rows = [
+			[],
+			[],
+			[]
+		];
+		for (let month = 0; month < 12; month++) getRow(rows, month).push(this.renderMonth(month));
+		return rows.map((months, i) => /* @__PURE__ */ jsx("tr", { children: months }, i));
+	}
+	renderMonth(month) {
+		const selectedDate = this.props.selectedDate;
+		let className = "rdtMonth";
+		let onClick;
+		if (this.isDisabledMonth(month)) className += " rdtDisabled";
+		else onClick = this._updateSelectedMonth;
+		if (selectedDate && selectedDate.year() === this.props.viewDate.year() && selectedDate.month() === month) className += " rdtActive";
+		let props = {
+			key: month,
+			className,
+			"data-value": month,
+			onClick
+		};
+		if (this.props.renderMonth) return this.props.renderMonth(props, month, this.props.viewDate.year(), this.props.selectedDate && this.props.selectedDate.clone());
+		return /* @__PURE__ */ jsx("td", {
+			...props,
+			children: this.getMonthText(month)
+		});
+	}
+	isDisabledMonth(month) {
+		let isValidDate = this.props.isValidDate;
+		if (!isValidDate) return false;
+		let date = this.props.viewDate.clone().set({ month });
+		let day = date.endOf("month").date() + 1;
+		while (day-- > 1) if (isValidDate(date.date(day))) return false;
+		return true;
+	}
+	getMonthText(month) {
+		const localMoment = this.props.viewDate;
+		return capitalize(localMoment.localeData().monthsShort(localMoment.month(month)).substring(0, 3));
+	}
+};
 function getRow(rows, year) {
-    if (year < 4) {
-        return rows[0];
-    }
-    if (year < 8) {
-        return rows[1];
-    }
-    return rows[2];
+	if (year < 4) return rows[0];
+	if (year < 8) return rows[1];
+	return rows[2];
 }
 function capitalize(str) {
-    return str.charAt(0).toUpperCase() + str.slice(1);
+	return str.charAt(0).toUpperCase() + str.slice(1);
 }
+//#endregion
 export { MonthsView as default };