@mailstep/design-system 0.8.30 → 0.8.31-beta.2

package/ui/Elements/DatePicker/Datetime/components/DateRepeater.d.ts

@@ -1,5 +1,6 @@
-import type { FC } from 'react';
-import type { DateTimeOthers } from '../types';
+import { FC } from 'react';
+import { DateTimeOthers } from '../types';
+
 type DateRepeaterProps = {
     onChangeOthers?: ({ dateTypeRepeater }: DateTimeOthers) => void;
     others: DateTimeOthers;

package/ui/Elements/DatePicker/Datetime/components/DateRepeater.js

@@ -1,66 +1,31 @@
-import Icon_default from "../../../Icon/index.js";
-import "../types.js";
-import { DatePickerRepeatTrans } from "../../utils/constants.js";
-import { FooterRow } from "./FooterRow.js";
-import { FooterRowLabel } from "./FooterRowLabel.js";
-import { useCallback } from "react";
-import { x } from "@xstyled/styled-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { i18n } from "@lingui/core";
-//#region packages/ui/Elements/DatePicker/Datetime/components/DateRepeater.tsx
-const DateRepeater = ({ onChangeOthers, others, reset }) => {
-	const handleChange = useCallback((e) => {
-		const dateTypeRepeater = e.target.value;
-		if (!dateTypeRepeater) reset();
-		onChangeOthers?.({
-			...others,
-			dateTypeRepeater
-		});
-	}, [
-		onChangeOthers,
-		reset,
-		others
-	]);
-	return /* @__PURE__ */ jsx(x.div, {
-		borderTop: "1px solid",
-		borderColor: "lightGray2",
-		mt: "8px",
-		pt: "8px",
-		mb: "8px",
-		children: /* @__PURE__ */ jsxs(FooterRow, { children: [/* @__PURE__ */ jsxs(x.div, {
-			display: "flex",
-			alignItems: "center",
-			flex: "1",
-			children: [/* @__PURE__ */ jsx(Icon_default, { icon: "calendar" }), /* @__PURE__ */ jsx(FooterRowLabel, { children: i18n._({
-				id: "dataGrid.repeat",
-				message: "Repeat"
-			}) })]
-		}), /* @__PURE__ */ jsxs(x.select, {
-			textAlign: "right",
-			onChange: handleChange,
-			value: others?.dateTypeRepeater,
-			background: "white",
-			cursor: "pointer",
-			border: "none",
-			children: [
-				/* @__PURE__ */ jsx("option", {
-					value: "",
-					children: i18n._({
-						id: "dataGrid.noRepeat",
-						message: "No repeat"
-					})
-				}),
-				/* @__PURE__ */ jsx("option", {
-					value: "every-today",
-					children: DatePickerRepeatTrans["every-today"]
-				}),
-				/* @__PURE__ */ jsx("option", {
-					value: "every-yesterday",
-					children: DatePickerRepeatTrans["every-yesterday"]
-				})
-			]
-		})] })
-	});
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import Icon from '../../../Icon';
+import { DatePickerRepeatTrans } from '../../utils/constants';
+import { DatePickerRepeat } from '../types';
+import { i18n } from '@lingui/core';
+import { x } from '@xstyled/styled-components';
+import { FooterRow } from './FooterRow';
+import { FooterRowLabel } from './FooterRowLabel';
+export var DateRepeater = function (_a) {
+    var onChangeOthers = _a.onChangeOthers, others = _a.others, reset = _a.reset;
+    var handleChange = useCallback(function (e) {
+        var dateTypeRepeater = e.target.value;
+        if (!dateTypeRepeater) {
+            reset();
+        }
+        onChangeOthers === null || onChangeOthers === void 0 ? void 0 : onChangeOthers(__assign(__assign({}, others), { dateTypeRepeater: dateTypeRepeater }));
+    }, [onChangeOthers, reset, others]);
+    return (_jsx(x.div, { borderTop: "1px solid", borderColor: "lightGray2", mt: "8px", pt: "8px", mb: "8px", children: _jsxs(FooterRow, { children: [_jsxs(x.div, { display: "flex", alignItems: "center", flex: "1", children: [_jsx(Icon, { icon: "calendar" }), _jsx(FooterRowLabel, { children: i18n._({ id: 'dataGrid.repeat', message: 'Repeat' }) })] }), _jsxs(x.select, { textAlign: "right", onChange: handleChange, value: others === null || others === void 0 ? void 0 : others.dateTypeRepeater, background: "white", cursor: "pointer", border: "none", children: [_jsx("option", { value: "", children: i18n._({ id: 'dataGrid.noRepeat', message: 'No repeat' }) }), _jsx("option", { value: DatePickerRepeat.EVERY_TODAY, children: DatePickerRepeatTrans[DatePickerRepeat.EVERY_TODAY] }), _jsx("option", { value: DatePickerRepeat.EVERY_YESTERDAY, children: DatePickerRepeatTrans[DatePickerRepeat.EVERY_YESTERDAY] })] })] }) }));
 };
-//#endregion
-export { DateRepeater };

package/ui/Elements/DatePicker/Datetime/components/FooterRow.d.ts

@@ -1,3 +1,3 @@
-export declare const FooterRow: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    disabled?: boolean;
+export declare const FooterRow: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    disabled?: boolean | undefined;
 }, never>;

package/ui/Elements/DatePicker/Datetime/components/FooterRow.js

@@ -1,12 +1,10 @@
-import { styled } from "@xstyled/styled-components";
-//#region packages/ui/Elements/DatePicker/Datetime/components/FooterRow.tsx
-const FooterRow = styled.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  font-size: 15px;
-  line-height: 23px;
-  opacity: ${({ disabled }) => disabled ? .2 : 1};
-`;
-//#endregion
-export { FooterRow };
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { styled } from '@xstyled/styled-components';
+export var FooterRow = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 15px;\n  line-height: 23px;\n  opacity: ", ";\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 15px;\n  line-height: 23px;\n  opacity: ", ";\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? 0.2 : 1);
+});
+var templateObject_1;

package/ui/Elements/DatePicker/Datetime/components/FooterRowLabel.d.ts

@@ -1 +1 @@
-export declare const FooterRowLabel: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
+export declare const FooterRowLabel: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {}, never>;

package/ui/Elements/DatePicker/Datetime/components/FooterRowLabel.js

@@ -1,16 +1,7 @@
-import styled$1 from "@xstyled/styled-components";
-//#region packages/ui/Elements/DatePicker/Datetime/components/FooterRowLabel.tsx
-const FooterRowLabel = styled$1.span`
-  margin-left: 8px;
-  text-align: left;
-  width: 100%;
-
-  &[data-value] {
-    cursor: pointer;
-    &:hover {
-      font-weight: 500;
-    }
-  }
-`;
-//#endregion
-export { FooterRowLabel };
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from '@xstyled/styled-components';
+export var FooterRowLabel = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-left: 8px;\n  text-align: left;\n  width: 100%;\n\n  &[data-value] {\n    cursor: pointer;\n    &:hover {\n      font-weight: 500;\n    }\n  }\n"], ["\n  margin-left: 8px;\n  text-align: left;\n  width: 100%;\n\n  &[data-value] {\n    cursor: pointer;\n    &:hover {\n      font-weight: 500;\n    }\n  }\n"])));
+var templateObject_1;

package/ui/Elements/DatePicker/Datetime/components/TimeInput.d.ts

@@ -1 +1 @@
-export declare const TimeInput: import("styled-components").StyledComponent<"input", import("@xstyled/system").Theme, {}, never>;
+export declare const TimeInput: import('styled-components').StyledComponent<"input", import('@xstyled/system').Theme, {}, never>;

package/ui/Elements/DatePicker/Datetime/components/TimeInput.js

@@ -1,16 +1,7 @@
-import styled$1 from "@xstyled/styled-components";
-//#region packages/ui/Elements/DatePicker/Datetime/components/TimeInput.tsx
-const TimeInput = styled$1.input`
-  margin: 0;
-  margin-right: -1px;
-  padding: 0;
-  border: none;
-  outline: none;
-  color: blue2;
-
-  &::-webkit-calendar-picker-indicator {
-    display: none;
-  }
-`;
-//#endregion
-export { TimeInput };
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from '@xstyled/styled-components';
+export var TimeInput = styled.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  margin-right: -1px;\n  padding: 0;\n  border: none;\n  outline: none;\n  color: blue2;\n\n  &::-webkit-calendar-picker-indicator {\n    display: none;\n  }\n"], ["\n  margin: 0;\n  margin-right: -1px;\n  padding: 0;\n  border: none;\n  outline: none;\n  color: blue2;\n\n  &::-webkit-calendar-picker-indicator {\n    display: none;\n  }\n"])));
+var templateObject_1;

package/ui/Elements/DatePicker/Datetime/components/Timepicker.d.ts

@@ -1,4 +1,5 @@
-import { type FC } from 'react';
+import { FC } from 'react';
+
 interface TimepickerProps {
     setTime: (type: string, value: number) => void;
     value: Date | null;

package/ui/Elements/DatePicker/Datetime/components/Timepicker.js

@@ -1,164 +1,67 @@
-import Icon from "../../../Icon/Icon.js";
-import { FooterRow } from "./FooterRow.js";
-import { FooterRowLabel } from "./FooterRowLabel.js";
-import { useCallback, useEffect, useState } from "react";
-import styled$1, { x } from "@xstyled/styled-components";
-import { th as th$1 } from "@xstyled/system";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { i18n } from "@lingui/core";
-//#region packages/ui/Elements/DatePicker/Datetime/components/Timepicker.tsx
-const Btn = styled$1.button`
-  transform: rotate(90deg);
-  font-size: 18px;
-  margin: -4px 0;
-  background-color: transparent !important;
-  border: none;
-  color: ${th$1("colors.lightGray4")};
-  &:disabled:hover {
-    color: ${th$1("colors.lightGray4")};
-    cursor: default;
-  }
-  &:hover {
-    color: ${th$1("colors.red2")};
-    background-color: transparent !important;
-  }
-`;
-const TimeWrapper = styled$1.div`
-  display: flex;
-  align-items: baseline;
-  justify-content: center;
-  border: 1px solid ${th$1("colors.lightGray2")};
-  border-radius: 6px;
-  padding: 0 4px;
-  margin: 0 4px;
-`;
-const Hours = styled$1.input`
-  font-size: 14px;
-  font-weight: 600;
-  width: 17px;
-  margin: 0;
-  padding: 0;
-  border: none;
-  outline: none;
-  &:disabled {
-    opacity: 0.5;
-  }
-`;
-const Minutes = styled$1.input`
-  font-weight: 600;
-  font-size: 14px;
-  width: 18px;
-  margin: 0;
-  padding: 0;
-  border: none;
-  outline: none;
-  &:disabled {
-    opacity: 0.5;
-  }
-`;
-const regExp = "^[0-9]*$";
-const Timepicker = ({ setTime, value, disabled }) => {
-	const initialHours = value?.getHours?.() ?? 0;
-	const initialMinutes = value?.getMinutes?.() ?? 0;
-	const [hours, setHours] = useState(initialHours);
-	const [minutes, setMinutes] = useState(initialMinutes);
-	const increaseHour = useCallback(() => {
-		setHours((prev) => (prev + 1) % 24);
-	}, []);
-	const decreaseHour = useCallback(() => {
-		setHours((prev) => prev === 0 ? 23 : prev - 1);
-	}, []);
-	const increaseMinutes = useCallback(() => {
-		setMinutes((prev) => (prev + 5) % 60);
-	}, []);
-	const decreaseMinutes = useCallback(() => {
-		setMinutes((prev) => (prev - 5 + 60) % 60);
-	}, []);
-	const onHoursChange = useCallback((e) => {
-		if (e.target.value.match(regExp) && Number(e.target.value) <= 23) setHours(Number(e.target.value));
-		else setHours(0);
-	}, []);
-	const onMinutesChange = useCallback((e) => {
-		if (e.target.value.match(regExp) && Number(e.target.value) <= 59) setMinutes(Number(e.target.value));
-		else setMinutes(0);
-	}, []);
-	useEffect(() => {
-		value && setTime("hours", hours);
-	}, [hours]);
-	useEffect(() => {
-		value && setTime("minutes", minutes);
-	}, [minutes]);
-	useEffect(() => {
-		setHours(initialHours);
-	}, [initialHours]);
-	useEffect(() => {
-		setMinutes(initialMinutes);
-	}, [initialMinutes]);
-	return /* @__PURE__ */ jsxs(FooterRow, {
-		disabled,
-		children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Icon, { icon: "clock" }), /* @__PURE__ */ jsx(FooterRowLabel, { children: i18n._({
-			id: "dataGrid.filterCell.time",
-			message: "Time"
-		}) })] }), /* @__PURE__ */ jsx(x.div, {
-			display: "flex",
-			flexDirection: "column",
-			alignItems: "flex-start",
-			pt: "4px",
-			w: "fit-content",
-			children: /* @__PURE__ */ jsxs(x.div, {
-				display: "flex",
-				alignItems: "center",
-				children: [
-					/* @__PURE__ */ jsxs(x.div, {
-						display: "flex",
-						flexDirection: "column",
-						children: [/* @__PURE__ */ jsx(Btn, {
-							disabled,
-							onClick: increaseHour,
-							type: "button",
-							children: "‹"
-						}), /* @__PURE__ */ jsx(Btn, {
-							disabled,
-							onClick: decreaseHour,
-							type: "button",
-							children: "›"
-						})]
-					}),
-					/* @__PURE__ */ jsxs(TimeWrapper, { children: [
-						/* @__PURE__ */ jsx(Hours, {
-							value: String(hours).padStart(2, "0"),
-							disabled,
-							onChange: onHoursChange
-						}),
-						/* @__PURE__ */ jsx(x.div, {
-							mx: "1px",
-							children: ":"
-						}),
-						/* @__PURE__ */ jsx(Minutes, {
-							value: String(minutes).padStart(2, "0"),
-							disabled,
-							onChange: onMinutesChange
-						})
-					] }),
-					/* @__PURE__ */ jsxs(x.div, {
-						display: "flex",
-						flexDirection: "column",
-						children: [/* @__PURE__ */ jsx(Btn, {
-							disabled,
-							onClick: increaseMinutes,
-							type: "button",
-							children: "‹"
-						}), /* @__PURE__ */ jsx(Btn, {
-							disabled,
-							onClick: decreaseMinutes,
-							type: "button",
-							children: "›"
-						})]
-					})
-				]
-			})
-		})]
-	});
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
 };
-//#endregion
-export { Timepicker };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import Icon from '../../../Icon/Icon';
+import { i18n } from '@lingui/core';
+import styled, { x } from '@xstyled/styled-components';
+import { th } from '@xstyled/system';
+import { FooterRow } from './FooterRow';
+import { FooterRowLabel } from './FooterRowLabel';
+var Btn = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform: rotate(90deg);\n  font-size: 18px;\n  margin: -4px 0;\n  background-color: transparent !important;\n  border: none;\n  color: ", ";\n  &:disabled:hover {\n    color: ", ";\n    cursor: default;\n  }\n  &:hover {\n    color: ", ";\n    background-color: transparent !important;\n  }\n"], ["\n  transform: rotate(90deg);\n  font-size: 18px;\n  margin: -4px 0;\n  background-color: transparent !important;\n  border: none;\n  color: ", ";\n  &:disabled:hover {\n    color: ", ";\n    cursor: default;\n  }\n  &:hover {\n    color: ", ";\n    background-color: transparent !important;\n  }\n"])), th('colors.lightGray4'), th('colors.lightGray4'), th('colors.red2'));
+var TimeWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: baseline;\n  justify-content: center;\n  border: 1px solid ", ";\n  border-radius: 6px;\n  padding: 0 4px;\n  margin: 0 4px;\n"], ["\n  display: flex;\n  align-items: baseline;\n  justify-content: center;\n  border: 1px solid ", ";\n  border-radius: 6px;\n  padding: 0 4px;\n  margin: 0 4px;\n"])), th('colors.lightGray2'));
+var Hours = styled.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 600;\n  width: 17px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: white;\n  &:disabled {\n    opacity: 0.5;\n  }\n"], ["\n  font-size: 14px;\n  font-weight: 600;\n  width: 17px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: white;\n  &:disabled {\n    opacity: 0.5;\n  }\n"])));
+var Minutes = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-weight: 600;\n  font-size: 14px;\n  width: 18px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: white;\n  &:disabled {\n    opacity: 0.5;\n  }\n"], ["\n  font-weight: 600;\n  font-size: 14px;\n  width: 18px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: white;\n  &:disabled {\n    opacity: 0.5;\n  }\n"])));
+var regExp = '^[0-9]*$';
+export var Timepicker = function (_a) {
+    var _b, _c, _d, _e;
+    var setTime = _a.setTime, value = _a.value, disabled = _a.disabled;
+    var initialHours = (_c = (_b = value === null || value === void 0 ? void 0 : value.getHours) === null || _b === void 0 ? void 0 : _b.call(value)) !== null && _c !== void 0 ? _c : 0;
+    var initialMinutes = (_e = (_d = value === null || value === void 0 ? void 0 : value.getMinutes) === null || _d === void 0 ? void 0 : _d.call(value)) !== null && _e !== void 0 ? _e : 0;
+    var _f = useState(initialHours), hours = _f[0], setHours = _f[1];
+    var _g = useState(initialMinutes), minutes = _g[0], setMinutes = _g[1];
+    var increaseHour = useCallback(function () {
+        setHours(function (prev) { return (prev + 1) % 24; });
+    }, []);
+    var decreaseHour = useCallback(function () {
+        setHours(function (prev) { return (prev === 0 ? 23 : prev - 1); });
+    }, []);
+    var increaseMinutes = useCallback(function () {
+        setMinutes(function (prev) { return (prev + 5) % 60; });
+    }, []);
+    var decreaseMinutes = useCallback(function () {
+        setMinutes(function (prev) { return (prev - 5 + 60) % 60; });
+    }, []);
+    var onHoursChange = useCallback(function (e) {
+        if (e.target.value.match(regExp) && Number(e.target.value) <= 23) {
+            setHours(Number(e.target.value));
+        }
+        else {
+            setHours(0);
+        }
+    }, []);
+    var onMinutesChange = useCallback(function (e) {
+        if (e.target.value.match(regExp) && Number(e.target.value) <= 59) {
+            setMinutes(Number(e.target.value));
+        }
+        else {
+            setMinutes(0);
+        }
+    }, []);
+    useEffect(function () {
+        !!value && setTime('hours', hours);
+    }, [hours]);
+    useEffect(function () {
+        !!value && setTime('minutes', minutes);
+    }, [minutes]);
+    useEffect(function () {
+        setHours(initialHours);
+    }, [initialHours]);
+    useEffect(function () {
+        setMinutes(initialMinutes);
+    }, [initialMinutes]);
+    return (_jsxs(FooterRow, { disabled: disabled, children: [_jsxs("div", { children: [_jsx(Icon, { icon: "clock" }), _jsx(FooterRowLabel, { children: i18n._({ id: 'dataGrid.filterCell.time', message: 'Time' }) })] }), _jsx(x.div, { display: "flex", flexDirection: "column", alignItems: "flex-start", pt: "4px", w: "fit-content", children: _jsxs(x.div, { display: "flex", alignItems: "center", children: [_jsxs(x.div, { display: "flex", flexDirection: "column", children: [_jsx(Btn, { disabled: disabled, onClick: increaseHour, type: "button", children: "\u2039" }), _jsx(Btn, { disabled: disabled, onClick: decreaseHour, type: "button", children: "\u203A" })] }), _jsxs(TimeWrapper, { children: [_jsx(Hours, { value: String(hours).padStart(2, '0'), disabled: disabled, onChange: onHoursChange }), _jsx(x.div, { mx: "1px", children: ":" }), _jsx(Minutes, { value: String(minutes).padStart(2, '0'), disabled: disabled, onChange: onMinutesChange })] }), _jsxs(x.div, { display: "flex", flexDirection: "column", children: [_jsx(Btn, { disabled: disabled, onClick: increaseMinutes, type: "button", children: "\u2039" }), _jsx(Btn, { disabled: disabled, onClick: decreaseMinutes, type: "button", children: "\u203A" })] })] }) })] }));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/ui/Elements/DatePicker/Datetime/components/ViewNavigation.js

@@ -1,31 +1,16 @@
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/ui/Elements/DatePicker/Datetime/components/ViewNavigation.tsx
-function ViewNavigation({ onClickPrev, onClickSwitch, onClickNext, switchContent, switchColSpan, switchProps, label }) {
-	return /* @__PURE__ */ jsxs("tr", { children: [
-		/* @__PURE__ */ jsx("th", {
-			className: "rdtPrev",
-			onClick: onClickPrev,
-			children: /* @__PURE__ */ jsx("span", { children: "‹" })
-		}),
-		/* @__PURE__ */ jsx("th", {
-			className: "rdtSwitch",
-			colSpan: switchColSpan,
-			onClick: onClickSwitch,
-			...switchProps,
-			children: switchContent
-		}),
-		/* @__PURE__ */ jsx("th", {
-			className: "rdtNext",
-			onClick: onClickNext,
-			children: /* @__PURE__ */ jsx("span", { children: "›" })
-		}),
-		/* @__PURE__ */ jsx("th", {
-			colSpan: 2,
-			className: "rdtLabel",
-			children: label && label
-		})
-	] });
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function ViewNavigation(_a) {
+    var onClickPrev = _a.onClickPrev, onClickSwitch = _a.onClickSwitch, onClickNext = _a.onClickNext, switchContent = _a.switchContent, switchColSpan = _a.switchColSpan, switchProps = _a.switchProps, label = _a.label;
+    return (_jsxs("tr", { children: [_jsx("th", { className: "rdtPrev", onClick: onClickPrev, children: _jsx("span", { children: "\u2039" }) }), _jsx("th", __assign({ className: "rdtSwitch", colSpan: switchColSpan, onClick: onClickSwitch }, switchProps, { children: switchContent })), _jsx("th", { className: "rdtNext", onClick: onClickNext, children: _jsx("span", { children: "\u203A" }) }), _jsx("th", { colSpan: 2, className: "rdtLabel", children: label && label })] }));
 }
-//#endregion
-export { ViewNavigation as default };

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

@@ -1,5 +1,6 @@
-import type { FocusEvent, FocusEventHandler, ReactNode } from 'react';
-import type { Moment } from 'moment';
+import { FocusEvent, FocusEventHandler, ReactNode } from 'react';
+import { Moment } from 'moment';
+
 export type ViewMode = 'years' | 'months' | 'days' | 'time';
 export interface TimeConstraint {
     min: number;

package/ui/Elements/DatePicker/Datetime/types.js

@@ -1,14 +1,11 @@
-//#region packages/ui/Elements/DatePicker/Datetime/types.ts
-let DatePickerRepeat = /* @__PURE__ */ function(DatePickerRepeat) {
-	DatePickerRepeat["EVERY_TODAY"] = "every-today";
-	DatePickerRepeat["EVERY_YESTERDAY"] = "every-yesterday";
-	return DatePickerRepeat;
-}({});
-let TimePickerRepeat = /* @__PURE__ */ function(TimePickerRepeat) {
-	TimePickerRepeat["FROM"] = "from";
-	TimePickerRepeat["TO"] = "to";
-	TimePickerRepeat["AT"] = "at";
-	return TimePickerRepeat;
-}({});
-//#endregion
-export { DatePickerRepeat, TimePickerRepeat };
+export var DatePickerRepeat;
+(function (DatePickerRepeat) {
+    DatePickerRepeat["EVERY_TODAY"] = "every-today";
+    DatePickerRepeat["EVERY_YESTERDAY"] = "every-yesterday";
+})(DatePickerRepeat || (DatePickerRepeat = {}));
+export var TimePickerRepeat;
+(function (TimePickerRepeat) {
+    TimePickerRepeat["FROM"] = "from";
+    TimePickerRepeat["TO"] = "to";
+    TimePickerRepeat["AT"] = "at";
+})(TimePickerRepeat || (TimePickerRepeat = {}));

package/ui/Elements/DatePicker/Datetime/views/DaysView.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export default class DaysView extends React.Component {
     static defaultProps: {
         isValidDate: () => boolean;