@mailstep/design-system 0.8.24 → 0.8.26-beta.0

package/ui/index612.es.js

@@ -0,0 +1,207 @@
+import { system as e, th as t } from "./index4.es.js";
+import { css as n, styled as r } from "./index6.es.js";
+//#region packages/ui/Forms/Input/styles.ts
+var i = (e) => {
+	let { $icon: t, $iconPlacement: n, $isClearable: r, $hasSuffix: i } = e, a = 2;
+	return t && n === "right" && (a += 1), r && (a += 1), i && (a += 2), String(a);
+}, a = r.div`
+  position: absolute;
+
+  // top: 52%; // TODO fix
+  // transform: translateY(-50%); // TODO why does this do the overlap bug
+  left: ${({ right: e }) => e ? "auto" : "1em"};
+  right: ${({ right: e }) => e ? "0.5em" : "auto"};
+
+  svg {
+    stroke: lightGray3;
+    cursor: pointer;
+    color: ${({ $isInvalid: e, hasValue: n, disabled: r }) => e ? t.color("red1") : r || !n ? t.color("lightGray6") : t.color("blue2")};
+  }
+`, o = r(a)`
+  svg {
+    color: gray1;
+  }
+`, s = r.div`
+  position: absolute;
+  top: 0.2em;
+  right: 0.5em;
+`, c = r.div`
+  display: flex;
+  svg {
+    :hover {
+      cursor: pointer;
+      color: blue2;
+    }
+  }
+`, l = r.input.attrs((e) => ({ as: e.$asTextArea ? "textarea" : "input" }))`
+  ${e};
+  border: slim;
+  border-color: ${({ $isInvalid: e }) => e ? t.color("red1") : t.color("lightGray6")};
+  box-sizing: border-box;
+  background-clip: padding-box;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  padding-right: ${(e) => i(e)}em;
+  display: block;
+  width: ${(e) => e.type === "checkbox" ? "auto" : "100%"};
+  font-family: ${t("fonts.primary")};
+  font-size: 14px;
+  font-weight: normal;
+  transition: inputTransition;
+  resize: none;
+  overflow: hidden;
+
+  ~ ${a} {
+    svg {
+      stroke: lightGray3;
+    }
+  }
+
+  ::placeholder {
+    color: gray1;
+    opacity: 1;
+  }
+
+  :focus {
+    background-color: white;
+    border-color: blue2;
+    color: typoPrimary;
+    outline: 0;
+
+    ~ ${a} {
+      svg {
+        stroke: blue2;
+        color: blue2;
+      }
+    }
+  }
+  ${({ big: e }) => e ? n`
+          font-size: 30px;
+          color: gray;
+          font-weight: semiBold;
+          padding: 0 0.5rem 0 1.25rem;
+        ` : ""};
+  ${({ variant: e }) => e === "gray" ? n`
+          background-color: neutral20;
+          :focus {
+            background-color: neutral20;
+          }
+        ` : ""};
+  :disabled,
+  :disabled:hover {
+    background-color: bgLightGray1;
+    border-color: lightGray6;
+    color: neutral300;
+  }
+
+  text-overflow: ellipsis;
+
+  -moz-appearance: textfield;
+  appearance: textfield;
+  ::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+`, u = r.div`
+  position: relative;
+`, d = r.div`
+  position: absolute;
+  right: 0;
+  top: 0;
+  font-size: 14px;
+  font-weight: 700;
+  height: 100%;
+  width: 40px;
+  padding: 2;
+  color: typoPrimary;
+  font-family: ${t("fonts.primary")};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  border: slim;
+  border-top-right-radius: lg;
+  border-bottom-right-radius: lg;
+  border-left: none;
+
+  ${({ $isPointer: e }) => e ? n`
+          cursor: pointer;
+        ` : ""};
+
+  input:focus ~ &,
+  textarea:focus ~ & {
+    border-color: blue2;
+  }
+`, f = r.div`
+  position: relative;
+  color: ${({ $isInvalid: e }) => e ? t.color("red1") : t.color("gray")};
+  & > * {
+    border-color: ${({ $isInvalid: e, variant: n }) => e ? t.color("red1") : n === "gray" ? t.color("neutral20") : t.color("lightGray6")};
+    color: ${({ hasValue: e }) => e ? t.color("typoPrimary") : t.color("gray")};
+  }
+  :hover > * {
+    border-color: ${({ disabled: e }) => e ? t.color("lightGray3") : t.color("gray5")};
+  }
+  &:focus-within {
+    color: typoPrimary;
+  }
+  .primary {
+    line-height: 0;
+    height: 38px;
+    border-radius: lg;
+    ~ ${a} {
+      top: 10px;
+    }
+  }
+  .grid {
+    line-height: 1.2px;
+    border-radius: md;
+    ~ ${a} {
+      top: 7px;
+    }
+  }
+  .left {
+    padding-left: ${({ $icon: e }) => e ? "3em" : "1em"};
+  }
+  .right {
+    padding-right: 1.4em;
+    padding-left: 1em;
+  }
+`, p = r.div`
+  span {
+    display: none;
+    position: absolute;
+    width: 120px;
+    background-color: white;
+    color: red1;
+    border-color: red1;
+    border: 1px solid;
+    text-align: center;
+    border-radius: lg;
+    padding: 1 3;
+    margin: 1;
+    z-index: 1;
+    transition: opacity 0.3s;
+    top: 0;
+    left: 100%;
+    margin-left: 2;
+    box-shadow: tooltipBoxShadow;
+
+    :after {
+      content: '';
+      position: absolute;
+      top: 0px;
+      right: 100%;
+      border: mediumThick;
+      border-color: transparent ${t.color("red1")} transparent transparent;
+    }
+  }
+
+  :hover {
+    cursor: pointer;
+    span {
+      display: block;
+    }
+  }
+`;
+//#endregion
+export { o as ClearableInputIcon, c as IconWrapper, s as IconsController, a as InputIcon, f as InputRow, u as InputWrap, l as StyledInput, d as Suffix, p as Tooltip };

package/ui/index613.es.js

@@ -0,0 +1,119 @@
+import { require_jsx_runtime as e } from "./index143.es.js";
+import t from "./index236.es.js";
+import "./index237.es.js";
+import n from "./index245.es.js";
+import "./index246.es.js";
+import r from "./index519.es.js";
+import "./index520.es.js";
+import { FieldLabel as i } from "./index521.es.js";
+import "./index522.es.js";
+import a from "./index523.es.js";
+import "./index524.es.js";
+import { ClearableInputIcon as o, IconWrapper as s, IconsController as c, InputIcon as l, InputRow as u, InputWrap as d, StyledInput as f, Suffix as p, Tooltip as m } from "./index612.es.js";
+import { useCallback as h, useEffect as g, useRef as _ } from "react";
+//#region packages/ui/Forms/Input/Input.tsx
+var v = e(), y = [
+	"text",
+	"number",
+	"password"
+], b = ({ appearance: e = "primary", type: b, name: x, label: S, value: C, icon: w, variant: T = "default", disabled: E, error: D, isInvalid: O = void 0, spaceAround: k = !1, inputRef: ee, autoComplete: A, isLoading: j, className: M, suffix: N, suffixOnClick: P, errorAppearance: F, iconPlacement: I = "left", iconOnClick: L, iconTooltip: R, big: z, showArrowsController: B = !1, onClear: V, alwaysShowClear: H, setNumber: U, onEnter: W, forceFocus: G = !1, autoFocus: K = !1, onBlur: q, asTextArea: J = !1, ...Y }) => {
+	let X = O === void 0 ? !!D : O, Z = !!V && (!!C || H) && !j, Q = !!N, te = B ? "left" : I, ne = h(() => {
+		U?.((e) => e + 1);
+	}, [U]), re = h(() => {
+		U?.((e) => e > 1 ? e - 1 : 1);
+	}, [U]), ie = _(null), $ = ee || ie;
+	g(() => {
+		G && !E && !j && $?.current?.focus();
+	}, [
+		E,
+		G,
+		j
+	]);
+	let ae = h((e) => {
+		q?.(e), G && (e.relatedTarget?.tagName?.toLowerCase() !== "input" || !y.includes(e.relatedTarget?.type?.toLowerCase())) && e.target?.focus();
+	}, [G, q]), oe = h((e) => {
+		e.key === "Enter" && W?.();
+	}, [W]);
+	return /* @__PURE__ */ (0, v.jsxs)(a, {
+		spaceAround: k,
+		className: M,
+		children: [/* @__PURE__ */ (0, v.jsxs)(d, { children: [S && /* @__PURE__ */ (0, v.jsx)(i, {
+			htmlFor: x,
+			children: S
+		}), /* @__PURE__ */ (0, v.jsxs)(u, {
+			hasValue: !!C,
+			$isInvalid: X,
+			disabled: !!E,
+			$icon: w,
+			variant: T,
+			children: [
+				/* @__PURE__ */ (0, v.jsx)(f, {
+					autoFocus: K,
+					className: `${e} ${te}`,
+					type: b,
+					name: x,
+					"data-cy": x ? `${x}Inp` : void 0,
+					"data-testid": x ? `input-${x}` : void 0,
+					value: C,
+					$isInvalid: X,
+					$isClearable: Z,
+					$hasSuffix: Q,
+					disabled: E || j,
+					ref: $,
+					autoComplete: A,
+					onKeyDown: oe,
+					big: z,
+					onBlur: ae,
+					$asTextArea: J,
+					variant: T,
+					...Y
+				}),
+				w && /* @__PURE__ */ (0, v.jsx)(l, {
+					right: B ? !1 : I === "right",
+					hasValue: !!C,
+					$isInvalid: X,
+					disabled: E,
+					onClick: L,
+					children: /* @__PURE__ */ (0, v.jsxs)(m, { children: [/* @__PURE__ */ (0, v.jsx)(t, { icon: w }), R && /* @__PURE__ */ (0, v.jsx)("span", { children: R })] })
+				}),
+				B && /* @__PURE__ */ (0, v.jsxs)(c, { children: [/* @__PURE__ */ (0, v.jsx)(s, {
+					onClick: ne,
+					children: /* @__PURE__ */ (0, v.jsx)(t, {
+						icon: "goUp",
+						fill: "gray1"
+					})
+				}), /* @__PURE__ */ (0, v.jsx)(s, {
+					onClick: re,
+					children: /* @__PURE__ */ (0, v.jsx)(t, {
+						icon: "goDown",
+						fill: "gray1"
+					})
+				})] }),
+				Z && /* @__PURE__ */ (0, v.jsx)(o, {
+					right: !0,
+					onClick: V,
+					children: /* @__PURE__ */ (0, v.jsx)(t, {
+						icon: "deleteX",
+						size: "16px",
+						fill: "gray1"
+					})
+				}),
+				N && !j && /* @__PURE__ */ (0, v.jsx)(p, {
+					onClick: P,
+					$isPointer: !!P,
+					$isInvalid: X,
+					children: N
+				}),
+				j && /* @__PURE__ */ (0, v.jsx)(l, {
+					right: !0,
+					children: /* @__PURE__ */ (0, v.jsx)(n, { variant: "sm" })
+				})
+			]
+		})] }), D && /* @__PURE__ */ (0, v.jsx)(r, {
+			appearance: F,
+			children: D
+		})]
+	});
+};
+//#endregion
+export { b as Input };

package/ui/index614.es.js

@@ -0,0 +1,5 @@
+import { Input as e } from "./index613.es.js";
+//#region packages/ui/Forms/Input/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/ui/index615.es.js

@@ -0,0 +1,133 @@
+import { Component as e, createElement as t } from "react";
+import { findDOMNode as n } from "react-dom";
+//#region node_modules/react-onclickoutside/dist/react-onclickoutside.es.js
+function r(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, i(e, t);
+}
+function i(e, t) {
+	return i = Object.setPrototypeOf || function(e, t) {
+		return e.__proto__ = t, e;
+	}, i(e, t);
+}
+function a(e, t) {
+	if (e == null) return {};
+	var n = {}, r = Object.keys(e), i, a;
+	for (a = 0; a < r.length; a++) i = r[a], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
+	return n;
+}
+function o(e) {
+	if (e === void 0) throw ReferenceError("this hasn't been initialised - super() hasn't been called");
+	return e;
+}
+function s(e, t, n) {
+	return e === t ? !0 : e.correspondingElement ? e.correspondingElement.classList.contains(n) : e.classList.contains(n);
+}
+function c(e, t, n) {
+	if (e === t) return !0;
+	for (; e.parentNode || e.host;) {
+		if (e.parentNode && s(e, t, n)) return !0;
+		e = e.parentNode || e.host;
+	}
+	return e;
+}
+function l(e) {
+	return document.documentElement.clientWidth <= e.clientX || document.documentElement.clientHeight <= e.clientY;
+}
+var u = function() {
+	if (!(typeof window > "u" || typeof window.addEventListener != "function")) {
+		var e = !1, t = Object.defineProperty({}, "passive", { get: function() {
+			e = !0;
+		} }), n = function() {};
+		return window.addEventListener("testPassiveEventSupport", n, t), window.removeEventListener("testPassiveEventSupport", n, t), e;
+	}
+};
+function d(e) {
+	return e === void 0 && (e = 0), function() {
+		return ++e;
+	};
+}
+var f = d(), p, m = {}, h = {}, g = ["touchstart", "touchmove"], _ = "ignore-react-onclickoutside";
+function v(e, t) {
+	var n = {};
+	return g.indexOf(t) !== -1 && p && (n.passive = !e.props.preventDefault), n;
+}
+function y(i, s) {
+	var d, g, y = i.displayName || i.name || "Component";
+	return g = d = /* @__PURE__ */ function(e) {
+		r(d, e);
+		function d(t) {
+			var r = e.call(this, t) || this;
+			return r.__outsideClickHandler = function(e) {
+				if (typeof r.__clickOutsideHandlerProp == "function") {
+					r.__clickOutsideHandlerProp(e);
+					return;
+				}
+				var t = r.getInstance();
+				if (typeof t.props.handleClickOutside == "function") {
+					t.props.handleClickOutside(e);
+					return;
+				}
+				if (typeof t.handleClickOutside == "function") {
+					t.handleClickOutside(e);
+					return;
+				}
+				throw Error("WrappedComponent: " + y + " lacks a handleClickOutside(event) function for processing outside click events.");
+			}, r.__getComponentNode = function() {
+				var e = r.getInstance();
+				return s && typeof s.setClickOutsideRef == "function" ? s.setClickOutsideRef()(e) : typeof e.setClickOutsideRef == "function" ? e.setClickOutsideRef() : n(e);
+			}, r.enableOnClickOutside = function() {
+				if (!(typeof document > "u" || h[r._uid])) {
+					p === void 0 && (p = u()), h[r._uid] = !0;
+					var e = r.props.eventTypes;
+					e.forEach || (e = [e]), m[r._uid] = function(e) {
+						r.componentNode !== null && (r.initTimeStamp > e.timeStamp || (r.props.preventDefault && e.preventDefault(), r.props.stopPropagation && e.stopPropagation(), !(r.props.excludeScrollbar && l(e)) && c(e.composed && e.composedPath && e.composedPath().shift() || e.target, r.componentNode, r.props.outsideClickIgnoreClass) === document && r.__outsideClickHandler(e)));
+					}, e.forEach(function(e) {
+						document.addEventListener(e, m[r._uid], v(o(r), e));
+					});
+				}
+			}, r.disableOnClickOutside = function() {
+				delete h[r._uid];
+				var e = m[r._uid];
+				if (e && typeof document < "u") {
+					var t = r.props.eventTypes;
+					t.forEach || (t = [t]), t.forEach(function(t) {
+						return document.removeEventListener(t, e, v(o(r), t));
+					}), delete m[r._uid];
+				}
+			}, r.getRef = function(e) {
+				return r.instanceRef = e;
+			}, r._uid = f(), r.initTimeStamp = performance.now(), r;
+		}
+		var g = d.prototype;
+		return g.getInstance = function() {
+			if (i.prototype && !i.prototype.isReactComponent) return this;
+			var e = this.instanceRef;
+			return e.getInstance ? e.getInstance() : e;
+		}, g.componentDidMount = function() {
+			if (!(typeof document > "u" || !document.createElement)) {
+				var e = this.getInstance();
+				if (s && typeof s.handleClickOutside == "function" && (this.__clickOutsideHandlerProp = s.handleClickOutside(e), typeof this.__clickOutsideHandlerProp != "function")) throw Error("WrappedComponent: " + y + " lacks a function for processing outside click events specified by the handleClickOutside config option.");
+				this.componentNode = this.__getComponentNode(), !this.props.disableOnClickOutside && this.enableOnClickOutside();
+			}
+		}, g.componentDidUpdate = function() {
+			this.componentNode = this.__getComponentNode();
+		}, g.componentWillUnmount = function() {
+			this.disableOnClickOutside();
+		}, g.render = function() {
+			var e = this.props;
+			e.excludeScrollbar;
+			var n = a(e, ["excludeScrollbar"]);
+			return i.prototype && i.prototype.isReactComponent ? n.ref = this.getRef : n.wrappedRef = this.getRef, n.disableOnClickOutside = this.disableOnClickOutside, n.enableOnClickOutside = this.enableOnClickOutside, t(i, n);
+		}, d;
+	}(e), d.displayName = "OnClickOutside(" + y + ")", d.defaultProps = {
+		eventTypes: ["mousedown", "touchstart"],
+		excludeScrollbar: s && s.excludeScrollbar || !1,
+		outsideClickIgnoreClass: _,
+		preventDefault: !1,
+		stopPropagation: !1
+	}, d.getClass = function() {
+		return i.getClass ? i.getClass() : i;
+	}, g;
+}
+//#endregion
+export { y as default };

package/ui/index616.es.js

@@ -0,0 +1,8 @@
+//#region packages/ui/Elements/DatePicker/Datetime/types.ts
+var e = /* @__PURE__ */ function(e) {
+	return e.EVERY_TODAY = "every-today", e.EVERY_YESTERDAY = "every-yesterday", e;
+}({}), t = /* @__PURE__ */ function(e) {
+	return e.FROM = "from", e.TO = "to", e.AT = "at", e;
+}({});
+//#endregion
+export { e as DatePickerRepeat, t as TimePickerRepeat };

package/ui/index617.es.js

@@ -0,0 +1,28 @@
+import { i18n as e } from "./index502.es.js";
+import { DatePickerRepeat as t, TimePickerRepeat as n } from "./index616.es.js";
+//#region packages/ui/Elements/DatePicker/utils/constants.ts
+var r = {
+	[t.EVERY_TODAY]: e._({
+		id: "dataGrid.everyToday",
+		message: "Every today"
+	}),
+	[t.EVERY_YESTERDAY]: e._({
+		id: "dataGrid.everyYesterday",
+		message: "Every yesterday"
+	})
+}, i = {
+	[n.FROM]: e._({
+		id: "dataGrid.timepicker.from",
+		message: "from"
+	}),
+	[n.TO]: e._({
+		id: "dataGrid.timepicker.to",
+		message: "to"
+	}),
+	[n.AT]: e._({
+		id: "dataGrid.timepicker.at",
+		message: "at"
+	})
+};
+//#endregion
+export { r as DatePickerRepeatTrans, i as TimePickerRepeatTrans };

package/ui/index618.es.js

@@ -0,0 +1,12 @@
+import { styled as e } from "./index6.es.js";
+//#region packages/ui/Elements/DatePicker/Datetime/components/FooterRow.tsx
+var t = e.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 15px;
+  line-height: 23px;
+  opacity: ${({ disabled: e }) => e ? .2 : 1};
+`;
+//#endregion
+export { t as FooterRow };

package/ui/index619.es.js

@@ -0,0 +1,16 @@
+import { styled as e } from "./index6.es.js";
+//#region packages/ui/Elements/DatePicker/Datetime/components/FooterRowLabel.tsx
+var t = e.span`
+  margin-left: 8px;
+  text-align: left;
+  width: 100%;
+
+  &[data-value] {
+    cursor: pointer;
+    &:hover {
+      font-weight: 500;
+    }
+  }
+`;
+//#endregion
+export { t as FooterRowLabel };

package/ui/index62.es.js

@@ -0,0 +1,24 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/@fortawesome/pro-solid-svg-icons/faArrowsRotate.js
+var t = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 });
+	var t = "fas", n = "arrows-rotate", r = 512, i = 512, a = [
+		128472,
+		"refresh",
+		"sync"
+	], o = "f021", s = "M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160 352 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l111.5 0c0 0 0 0 0 0l.4 0c17.7 0 32-14.3 32-32l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 35.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1L16 432c0 17.7 14.3 32 32 32s32-14.3 32-32l0-35.1 17.6 17.5c0 0 0 0 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.8c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352l34.4 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L48.4 288c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z";
+	e.definition = {
+		prefix: t,
+		iconName: n,
+		icon: [
+			r,
+			i,
+			a,
+			o,
+			s
+		]
+	}, e.faArrowsRotate = e.definition, e.prefix = t, e.iconName = n, e.width = r, e.height = i, e.ligatures = a, e.unicode = o, e.svgPathData = s, e.aliases = a;
+}));
+//#endregion
+export default t();
+export { t as require_faArrowsRotate };

package/ui/index620.es.js

@@ -0,0 +1,65 @@
+import { x as e } from "./index6.es.js";
+import { require_jsx_runtime as t } from "./index143.es.js";
+import n from "./index237.es.js";
+import { i18n as r } from "./index502.es.js";
+import { DatePickerRepeat as i } from "./index616.es.js";
+import { DatePickerRepeatTrans as a } from "./index617.es.js";
+import { FooterRow as o } from "./index618.es.js";
+import { FooterRowLabel as s } from "./index619.es.js";
+import { useCallback as c } from "react";
+//#region packages/ui/Elements/DatePicker/Datetime/components/DateRepeater.tsx
+var l = t(), u = ({ onChangeOthers: t, others: u, reset: d }) => {
+	let f = c((e) => {
+		let n = e.target.value;
+		n || d(), t?.({
+			...u,
+			dateTypeRepeater: n
+		});
+	}, [
+		t,
+		d,
+		u
+	]);
+	return /* @__PURE__ */ (0, l.jsx)(e.div, {
+		borderTop: "1px solid",
+		borderColor: "lightGray2",
+		mt: "8px",
+		pt: "8px",
+		mb: "8px",
+		children: /* @__PURE__ */ (0, l.jsxs)(o, { children: [/* @__PURE__ */ (0, l.jsxs)(e.div, {
+			display: "flex",
+			alignItems: "center",
+			flex: "1",
+			children: [/* @__PURE__ */ (0, l.jsx)(n, { icon: "calendar" }), /* @__PURE__ */ (0, l.jsx)(s, { children: r._({
+				id: "dataGrid.repeat",
+				message: "Repeat"
+			}) })]
+		}), /* @__PURE__ */ (0, l.jsxs)(e.select, {
+			textAlign: "right",
+			onChange: f,
+			value: u?.dateTypeRepeater,
+			background: "white",
+			cursor: "pointer",
+			border: "none",
+			children: [
+				/* @__PURE__ */ (0, l.jsx)("option", {
+					value: "",
+					children: r._({
+						id: "dataGrid.noRepeat",
+						message: "No repeat"
+					})
+				}),
+				/* @__PURE__ */ (0, l.jsx)("option", {
+					value: i.EVERY_TODAY,
+					children: a[i.EVERY_TODAY]
+				}),
+				/* @__PURE__ */ (0, l.jsx)("option", {
+					value: i.EVERY_YESTERDAY,
+					children: a[i.EVERY_YESTERDAY]
+				})
+			]
+		})] })
+	});
+};
+//#endregion
+export { u as DateRepeater };