@mailstep/design-system 0.8.31-beta.4 → 0.8.31

package/ui/Elements/DatePicker/DatePicker.js

@@ -1,66 +1,89 @@
-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);
+import { LanguageContext } from "../../ThemeProvider/ThemeProvider.js";
+import SpaceAround_default from "../SpaceAround/index.js";
+import Input_default from "../../Forms/Input/index.js";
+import Datetime from "./Datetime/DateTime.js";
+import { DatePickerBase } from "./styles.js";
+import React, { useCallback, useContext } from "react";
+import { x } from "@xstyled/styled-components";
+import { jsx } from "react/jsx-runtime";
+import moment from "moment";
+import "moment/dist/locale/cs";
+import "moment/dist/locale/el";
+import "moment/dist/locale/it";
+import "moment/dist/locale/ru";
+import "moment/dist/locale/sk";
+//#region packages/ui/Elements/DatePicker/DatePicker.tsx
+const defaultDateFormat = "DD.MM.YYYY";
+const DatePicker = ({ name, value, initialViewDate, error, label, disabled, isValidDate, onChange, dateFormat = defaultDateFormat, timeFormat = false, open, secondValue = null, input, icon = true, showInputLabel = false, showCalendarLabel = true, spaceAround = false, className, onClear, onInputChange, ...passProps }) => {
+	const format = `${dateFormat}${timeFormat ? ` ${timeFormat}` : ``}`;
+	const isValid = !!value && moment(value, format, true).isValid();
+	const stringValue = isValid ? moment(value, format).format(format) : value;
+	const locale = useContext(LanguageContext);
+	const handleRenderInput = useCallback((_, openCalendar) => {
+		return /* @__PURE__ */ jsx(Input_default, {
+			type: "text",
+			icon: icon ? "calendar" : void 0,
+			name,
+			error,
+			disabled,
+			isInvalid: !!error,
+			onChange: onInputChange,
+			label: showInputLabel ? label : void 0,
+			value: stringValue,
+			onFocus: openCalendar,
+			iconOnClick: openCalendar,
+			onClear,
+			autoComplete: "off"
+		});
+	}, [
+		name,
+		stringValue,
+		error,
+		label,
+		showInputLabel,
+		isValid,
+		disabled
+	]);
+	const handleRenderView = useCallback((_, renderCalendar) => {
+		if (label && !showInputLabel) return /* @__PURE__ */ jsx(x.div, {
+			display: "flex",
+			flexDirection: "column",
+			children: renderCalendar()
+		});
+		return renderCalendar();
+	}, [label, showInputLabel]);
+	const handleChange = useCallback((value) => {
+		const parsed = typeof value === "string" ? value : value?.toDate?.();
+		onChange?.(parsed);
+	}, [onChange]);
+	const handleIsValid = useCallback((current, selected) => {
+		const parsed = [current?.toDate?.(), selected?.toDate?.()];
+		return isValidDate ? isValidDate(...parsed) : true;
+	}, [isValidDate]);
+	return /* @__PURE__ */ jsx(SpaceAround_default, {
+		spaceAround,
+		children: /* @__PURE__ */ jsx(DatePickerBase, {
+			className,
+			children: /* @__PURE__ */ jsx(Datetime, {
+				value,
+				dateFormat,
+				timeFormat,
+				secondValue,
+				open,
+				input,
+				label: showCalendarLabel ? label : void 0,
+				onChange: handleChange,
+				isValidDate: handleIsValid,
+				renderView: handleRenderView,
+				renderInput: handleRenderInput,
+				initialViewDate,
+				locale,
+				disabled,
+				...passProps
+			})
+		})
+	});
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback, useContext } from 'react';
-import moment from 'moment';
-import Input from '../../Forms/Input';
-import { LanguageContext } from '../../ThemeProvider/ThemeProvider';
-import SpaceAroundWrap from '../SpaceAround';
-import DatetimePicker from './Datetime/DateTime';
-import { x } from '@xstyled/styled-components';
-// @TODO each language has 62kb gziped, please replace moment with different lib
-import 'moment/dist/locale/cs';
-import 'moment/dist/locale/el';
-import 'moment/dist/locale/it';
-import 'moment/dist/locale/ru';
-import 'moment/dist/locale/sk';
-import { DatePickerBase } from './styles';
-var defaultDateFormat = 'DD.MM.YYYY';
-var DatePicker = function (_a) {
-    var name = _a.name, value = _a.value, initialViewDate = _a.initialViewDate, error = _a.error, label = _a.label, disabled = _a.disabled, isValidDate = _a.isValidDate, onChange = _a.onChange, _b = _a.dateFormat, dateFormat = _b === void 0 ? defaultDateFormat : _b, _c = _a.timeFormat, timeFormat = _c === void 0 ? false : _c, open = _a.open, _d = _a.secondValue, secondValue = _d === void 0 ? null : _d, input = _a.input, _e = _a.icon, icon = _e === void 0 ? true : _e, _f = _a.showInputLabel, showInputLabel = _f === void 0 ? false : _f, _g = _a.showCalendarLabel, showCalendarLabel = _g === void 0 ? true : _g, _h = _a.spaceAround, spaceAround = _h === void 0 ? false : _h, className = _a.className, onClear = _a.onClear, onInputChange = _a.onInputChange, passProps = __rest(_a, ["name", "value", "initialViewDate", "error", "label", "disabled", "isValidDate", "onChange", "dateFormat", "timeFormat", "open", "secondValue", "input", "icon", "showInputLabel", "showCalendarLabel", "spaceAround", "className", "onClear", "onInputChange"]);
-    var format = "".concat(dateFormat).concat(timeFormat ? " ".concat(timeFormat) : "");
-    var isValid = !!value && moment(value, format, true).isValid();
-    var stringValue = isValid ? moment(value, format).format(format) : value;
-    var locale = useContext(LanguageContext);
-    var handleRenderInput = useCallback(function (_, openCalendar) {
-        return (_jsx(Input, { type: "text", icon: icon ? 'calendar' : undefined, name: name, error: error, disabled: disabled, isInvalid: !!error, onChange: onInputChange, label: showInputLabel ? label : undefined, value: stringValue, onFocus: openCalendar, iconOnClick: openCalendar, onClear: onClear, autoComplete: "off" }));
-    }, [name, stringValue, error, label, showInputLabel, isValid, disabled]);
-    var handleRenderView = useCallback(function (_, renderCalendar) {
-        if (label && !showInputLabel) {
-            return (_jsx(x.div, { display: "flex", flexDirection: "column", children: renderCalendar() }));
-        }
-        return renderCalendar();
-    }, [label, showInputLabel]);
-    var handleChange = useCallback(function (value) {
-        var _a;
-        var parsed = typeof value === 'string' ? value : (_a = value === null || value === void 0 ? void 0 : value.toDate) === null || _a === void 0 ? void 0 : _a.call(value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(parsed);
-    }, [onChange]);
-    var handleIsValid = useCallback(function (current, selected) {
-        var _a, _b;
-        var parsed = [(_a = current === null || current === void 0 ? void 0 : current.toDate) === null || _a === void 0 ? void 0 : _a.call(current), (_b = selected === null || selected === void 0 ? void 0 : selected.toDate) === null || _b === void 0 ? void 0 : _b.call(selected)];
-        return isValidDate ? isValidDate.apply(void 0, parsed) : true;
-    }, [isValidDate]);
-    return (_jsx(SpaceAroundWrap, { spaceAround: spaceAround, children: _jsx(DatePickerBase, { className: className, children: _jsx(DatetimePicker, __assign({ value: value, dateFormat: dateFormat, timeFormat: timeFormat, secondValue: secondValue, open: open, input: input, label: showCalendarLabel ? label : undefined, onChange: handleChange, isValidDate: handleIsValid, renderView: handleRenderView, renderInput: handleRenderInput, initialViewDate: initialViewDate, locale: locale, disabled: disabled }, passProps)) }) }));
-};
-export default React.memo(DatePicker);
+var DatePicker_default = React.memo(DatePicker);
+//#endregion
+export { DatePicker_default as default };

package/ui/Elements/DatePicker/Datetime/DateTime.d.ts

@@ -1,7 +1,6 @@
-import { default as React } from 'react';
-import { default as moment } from 'moment';
-import { DatetimepickerProps } from './types';
-
+import React from 'react';
+import moment from 'moment';
+import type { DatetimepickerProps } from './types';
 export default class Datetime extends React.Component<DatetimepickerProps> {
     static defaultProps: {
         onOpen: () => void;