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

package/ui/index492.es.js

@@ -0,0 +1,54 @@
+import { css as e, styled as t } from "./index6.es.js";
+import { require_jsx_runtime as n } from "./index143.es.js";
+import { useLocation as r } from "./index388.es.js";
+import i from "./index491.es.js";
+import { useCallback as a } from "react";
+//#region packages/ui/Elements/DropdownMenu/components/MenuItem.tsx
+var o = n(), s = t(i)`
+  display: block;
+  border-top: ${({ $hasSeparator: e }) => e ? "1px solid #D2D8DF" : "none"};
+  padding-top: ${({ $hasSeparator: e }) => e ? "4px" : "0"};
+  color: typoPrimary;
+  text-decoration: none;
+
+  :hover > * {
+    color: typoPrimary;
+    background-color: bgLightGray1;
+    border-radius: 6px;
+  }
+  ${({ $isActive: t }) => t && e`
+    background-color: red1;
+    color: white;
+    border-radius: 6px;
+    :hover {
+      & svg {
+        stroke: typoPrimary;
+      }
+    }
+    & svg {
+      stroke: white;
+    }
+  }
+`}
+`, c = ({ item: e, ItemComponent: t, onClose: n }) => {
+	let { onClick: i, link: c, hasSeparator: l, name: u, autoClose: d } = e;
+	return /* @__PURE__ */ (0, o.jsx)(s, {
+		to: c,
+		$isActive: c === r().pathname,
+		onClick: a((e) => {
+			i && (e.preventDefault(), i()), d && n && setTimeout(() => {
+				n();
+			}, 200);
+		}, [
+			d,
+			i,
+			n
+		]),
+		$hasSeparator: !!l,
+		"data-cy": u,
+		size: "inherit",
+		children: /* @__PURE__ */ (0, o.jsx)(t, { ...e })
+	});
+};
+//#endregion
+export { c as default };

package/ui/index493.es.js

@@ -0,0 +1,11 @@
+import { require_jsx_runtime as e } from "./index143.es.js";
+import t from "./index492.es.js";
+import "react";
+//#region packages/ui/Elements/DropdownMenu/components/MenuList.tsx
+var n = e(), r = ({ items: e, ItemComponent: r, onClose: i }) => /* @__PURE__ */ (0, n.jsx)("ul", { children: e?.map((e, a) => !e.hidden && /* @__PURE__ */ (0, n.jsx)(t, {
+	item: e,
+	ItemComponent: r,
+	onClose: i
+}, a)) });
+//#endregion
+export { r as default };

package/ui/index494.es.js

@@ -0,0 +1,32 @@
+import { styled as e } from "./index6.es.js";
+import { require_jsx_runtime as t } from "./index143.es.js";
+import n from "./index375.es.js";
+import r from "./index493.es.js";
+import "react";
+//#region packages/ui/Elements/DropdownMenu/DropdownMenu.tsx
+var i = t(), a = e.div`
+  width: fit-content;
+  height: fit-content;
+  background-color: white;
+  padding: 2;
+  display: block;
+  border: slim;
+  border-color: lightGray2;
+  border-radius: 10px;
+  box-shadow: dropdownMenuShadow;
+  color: red2;
+  z-index: 1;
+`, o = ({ items: e, showMenu: t, className: o, ItemComponent: s = n, header: c, footer: l, ...u }) => /* @__PURE__ */ (0, i.jsx)(i.Fragment, { children: t && /* @__PURE__ */ (0, i.jsxs)(a, {
+	className: o,
+	...u,
+	children: [
+		c || null,
+		/* @__PURE__ */ (0, i.jsx)(r, {
+			items: e,
+			ItemComponent: s
+		}),
+		l || null
+	]
+}) });
+//#endregion
+export { o as DropdownMenu };

package/ui/index495.es.js

@@ -0,0 +1 @@
+import "./index494.es.js";

package/ui/index496.es.js

@@ -0,0 +1,19 @@
+import { useCallback as e, useEffect as t, useRef as n } from "react";
+//#region packages/ui/Blocks/Modal/hooks/useClickOutside.ts
+var r = ({ onClose: r, parentRef: i, ignoreClickOutside: a = !1, closeCurrent: o = !1, allowScrollbarClick: s = !1 }) => {
+	let c = n(null), l = a ? void 0 : r, u = e((e) => {
+		!(s && e.offsetX > e.target.clientWidth) && c.current && !c.current.contains(e.target) && !i?.current?.contains(e.target) && (o ? e.target.contains(c.current) && l?.() : l?.());
+	}, [
+		s,
+		i,
+		o,
+		l
+	]), d = e((e) => {
+		e.key === "Escape" && l?.();
+	}, [l]);
+	return t(() => (document.addEventListener("mousedown", u), document.addEventListener("keydown", d), () => {
+		document.removeEventListener("mousedown", u), document.removeEventListener("keydown", d);
+	}), [u, d]), c;
+};
+//#endregion
+export { r as useClickOutside };

package/ui/index497.es.js

@@ -0,0 +1,43 @@
+import { styled as e } from "./index6.es.js";
+import { require_jsx_runtime as t } from "./index143.es.js";
+import n from "./index248.es.js";
+import { DropdownMenu as r } from "./index494.es.js";
+import "./index495.es.js";
+import { useClickOutside as i } from "./index496.es.js";
+import { useCallback as a, useState as o } from "react";
+//#region packages/ui/Blocks/CommonGrid/components/ButtonMore/ButtonMore.tsx
+var s = t(), c = e.div`
+  position: relative;
+  width: fit-content;
+`, l = e(r)`
+  position: absolute;
+  top: ${({ dropdownPosition: e }) => !e || e === "bottom" ? "calc(100% + 8px)" : "auto"};
+  bottom: ${({ dropdownPosition: e }) => e === "top" ? "calc(100% + 13px)" : "auto"};
+  right: 0;
+  width: max-content;
+  z-index: 2;
+`, u = ({ items: e, disabled: t, dropdownPosition: r }) => {
+	let [u, d] = o(!1);
+	return /* @__PURE__ */ (0, s.jsxs)(c, {
+		ref: i({ onClose: a(() => {
+			d(!1);
+		}, []) }),
+		children: [/* @__PURE__ */ (0, s.jsx)(n, {
+			onClick: a(() => {
+				d(!u);
+			}, [u]),
+			icon: "ellipsisVertical",
+			appearance: "secondary",
+			variant: "icon",
+			type: "button",
+			"data-cy": "gridActionBtn",
+			disabled: t
+		}), /* @__PURE__ */ (0, s.jsx)(l, {
+			showMenu: u,
+			items: e,
+			dropdownPosition: r
+		})]
+	});
+};
+//#endregion
+export { u as default };

package/ui/index498.es.js

@@ -0,0 +1,321 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/moo/moo.js
+var t = /* @__PURE__ */ e(((e, t) => {
+	(function(e, n) {
+		typeof define == "function" && define.amd ? define([], n) : typeof t == "object" && t.exports ? t.exports = n() : e.moo = n();
+	})(e, function() {
+		var e = Object.prototype.hasOwnProperty, t = Object.prototype.toString, n = typeof (/* @__PURE__ */ RegExp()).sticky == "boolean";
+		function r(e) {
+			return e && t.call(e) === "[object RegExp]";
+		}
+		function i(e) {
+			return e && typeof e == "object" && !r(e) && !Array.isArray(e);
+		}
+		function a(e) {
+			return e.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
+		}
+		function o(e) {
+			return RegExp("|" + e).exec("").length - 1;
+		}
+		function s(e) {
+			return "(" + e + ")";
+		}
+		function c(e) {
+			return e.length ? "(?:" + e.map(function(e) {
+				return "(?:" + e + ")";
+			}).join("|") + ")" : "(?!)";
+		}
+		function l(e) {
+			if (typeof e == "string") return "(?:" + a(e) + ")";
+			if (r(e)) {
+				if (e.ignoreCase) throw Error("RegExp /i flag not allowed");
+				if (e.global) throw Error("RegExp /g flag is implied");
+				if (e.sticky) throw Error("RegExp /y flag is implied");
+				if (e.multiline) throw Error("RegExp /m flag is implied");
+				return e.source;
+			} else throw Error("Not a pattern: " + e);
+		}
+		function u(e, t) {
+			return e.length > t ? e : Array(t - e.length + 1).join(" ") + e;
+		}
+		function d(e, t) {
+			for (var n = e.length, r = 0;;) {
+				var i = e.lastIndexOf("\n", n - 1);
+				if (i === -1 || (r++, n = i, r === t) || n === 0) break;
+			}
+			var a = r < t ? 0 : n + 1;
+			return e.substring(a).split("\n");
+		}
+		function f(e) {
+			for (var t = Object.getOwnPropertyNames(e), n = [], r = 0; r < t.length; r++) {
+				var a = t[r], o = e[a], s = [].concat(o);
+				if (a === "include") {
+					for (var c = 0; c < s.length; c++) n.push({ include: s[c] });
+					continue;
+				}
+				var l = [];
+				s.forEach(function(e) {
+					i(e) ? (l.length && n.push(m(a, l)), n.push(m(a, e)), l = []) : l.push(e);
+				}), l.length && n.push(m(a, l));
+			}
+			return n;
+		}
+		function p(e) {
+			for (var t = [], n = 0; n < e.length; n++) {
+				var r = e[n];
+				if (r.include) {
+					for (var i = [].concat(r.include), a = 0; a < i.length; a++) t.push({ include: i[a] });
+					continue;
+				}
+				if (!r.type) throw Error("Rule has no type: " + JSON.stringify(r));
+				t.push(m(r.type, r));
+			}
+			return t;
+		}
+		function m(t, n) {
+			if (i(n) || (n = { match: n }), n.include) throw Error("Matching rules cannot also include states");
+			var a = {
+				defaultType: t,
+				lineBreaks: !!n.error || !!n.fallback,
+				pop: !1,
+				next: null,
+				push: null,
+				error: !1,
+				fallback: !1,
+				value: null,
+				type: null,
+				shouldThrow: !1
+			};
+			for (var o in n) e.call(n, o) && (a[o] = n[o]);
+			if (typeof a.type == "string" && t !== a.type) throw Error("Type transform cannot be a string (type '" + a.type + "' for token '" + t + "')");
+			var s = a.match;
+			return a.match = Array.isArray(s) ? s : s ? [s] : [], a.match.sort(function(e, t) {
+				return r(e) && r(t) ? 0 : r(t) ? -1 : r(e) ? 1 : t.length - e.length;
+			}), a;
+		}
+		function h(e) {
+			return Array.isArray(e) ? p(e) : f(e);
+		}
+		var g = m("error", {
+			lineBreaks: !0,
+			shouldThrow: !0
+		});
+		function _(e, t) {
+			for (var i = null, a = Object.create(null), u = !0, d = null, f = [], p = [], m = 0; m < e.length; m++) e[m].fallback && (u = !1);
+			for (var m = 0; m < e.length; m++) {
+				var h = e[m];
+				if (h.include) throw Error("Inheritance is not allowed in stateless lexers");
+				if (h.error || h.fallback) {
+					if (i) throw !h.fallback == !i.fallback ? Error("Multiple " + (h.fallback ? "fallback" : "error") + " rules not allowed (for token '" + h.defaultType + "')") : Error("fallback and error are mutually exclusive (for token '" + h.defaultType + "')");
+					i = h;
+				}
+				var _ = h.match.slice();
+				if (u) for (; _.length && typeof _[0] == "string" && _[0].length === 1;) {
+					var v = _.shift();
+					a[v.charCodeAt(0)] = h;
+				}
+				if (h.pop || h.push || h.next) {
+					if (!t) throw Error("State-switching options are not allowed in stateless lexers (for token '" + h.defaultType + "')");
+					if (h.fallback) throw Error("State-switching options are not allowed on fallback tokens (for token '" + h.defaultType + "')");
+				}
+				if (_.length !== 0) {
+					u = !1, f.push(h);
+					for (var y = 0; y < _.length; y++) {
+						var b = _[y];
+						if (r(b)) {
+							if (d === null) d = b.unicode;
+							else if (d !== b.unicode && h.fallback === !1) throw Error("If one rule is /u then all must be");
+						}
+					}
+					var x = c(_.map(l)), S = new RegExp(x);
+					if (S.test("")) throw Error("RegExp matches empty string: " + S);
+					if (o(x) > 0) throw Error("RegExp has capture groups: " + S + "\nUse (?: … ) instead");
+					if (!h.lineBreaks && S.test("\n")) throw Error("Rule should declare lineBreaks: " + S);
+					p.push(s(x));
+				}
+			}
+			var C = i && i.fallback, w = n && !C ? "ym" : "gm", T = n || C ? "" : "|";
+			return d === !0 && (w += "u"), {
+				regexp: new RegExp(c(p) + T, w),
+				groups: f,
+				fast: a,
+				error: i || g
+			};
+		}
+		function v(e) {
+			return new S({ start: _(h(e)) }, "start");
+		}
+		function y(e, t, n) {
+			var r = e && (e.push || e.next);
+			if (r && !n[r]) throw Error("Missing state '" + r + "' (in token '" + e.defaultType + "' of state '" + t + "')");
+			if (e && e.pop && +e.pop != 1) throw Error("pop must be 1 (in token '" + e.defaultType + "' of state '" + t + "')");
+		}
+		function b(e, t) {
+			var n = e.$all ? h(e.$all) : [];
+			delete e.$all;
+			var r = Object.getOwnPropertyNames(e);
+			t ||= r[0];
+			for (var i = Object.create(null), a = 0; a < r.length; a++) {
+				var o = r[a];
+				i[o] = h(e[o]).concat(n);
+			}
+			for (var a = 0; a < r.length; a++) for (var o = r[a], s = i[o], c = Object.create(null), l = 0; l < s.length; l++) {
+				var u = s[l];
+				if (u.include) {
+					var d = [l, 1];
+					if (u.include !== o && !c[u.include]) {
+						c[u.include] = !0;
+						var f = i[u.include];
+						if (!f) throw Error("Cannot include nonexistent state '" + u.include + "' (in state '" + o + "')");
+						for (var p = 0; p < f.length; p++) {
+							var m = f[p];
+							s.indexOf(m) === -1 && d.push(m);
+						}
+					}
+					s.splice.apply(s, d), l--;
+				}
+			}
+			for (var g = Object.create(null), a = 0; a < r.length; a++) {
+				var o = r[a];
+				g[o] = _(i[o], !0);
+			}
+			for (var a = 0; a < r.length; a++) {
+				for (var v = r[a], b = g[v], x = b.groups, l = 0; l < x.length; l++) y(x[l], v, g);
+				for (var C = Object.getOwnPropertyNames(b.fast), l = 0; l < C.length; l++) y(b.fast[C[l]], v, g);
+			}
+			return new S(g, t);
+		}
+		function x(e) {
+			for (var t = typeof Map < "u", n = t ? /* @__PURE__ */ new Map() : Object.create(null), r = Object.getOwnPropertyNames(e), i = 0; i < r.length; i++) {
+				var a = r[i], o = e[a];
+				(Array.isArray(o) ? o : [o]).forEach(function(e) {
+					if (typeof e != "string") throw Error("keyword must be string (in keyword '" + a + "')");
+					t ? n.set(e, a) : n[e] = a;
+				});
+			}
+			return function(e) {
+				return t ? n.get(e) : n[e];
+			};
+		}
+		var S = function(e, t) {
+			this.startState = t, this.states = e, this.buffer = "", this.stack = [], this.reset();
+		};
+		S.prototype.reset = function(e, t) {
+			return this.buffer = e || "", this.index = 0, this.line = t ? t.line : 1, this.col = t ? t.col : 1, this.queuedToken = t ? t.queuedToken : null, this.queuedText = t ? t.queuedText : "", this.queuedThrow = t ? t.queuedThrow : null, this.setState(t ? t.state : this.startState), this.stack = t && t.stack ? t.stack.slice() : [], this;
+		}, S.prototype.save = function() {
+			return {
+				line: this.line,
+				col: this.col,
+				state: this.state,
+				stack: this.stack.slice(),
+				queuedToken: this.queuedToken,
+				queuedText: this.queuedText,
+				queuedThrow: this.queuedThrow
+			};
+		}, S.prototype.setState = function(e) {
+			if (!(!e || this.state === e)) {
+				this.state = e;
+				var t = this.states[e];
+				this.groups = t.groups, this.error = t.error, this.re = t.regexp, this.fast = t.fast;
+			}
+		}, S.prototype.popState = function() {
+			this.setState(this.stack.pop());
+		}, S.prototype.pushState = function(e) {
+			this.stack.push(this.state), this.setState(e);
+		};
+		var C = n ? function(e, t) {
+			return e.exec(t);
+		} : function(e, t) {
+			var n = e.exec(t);
+			return n[0].length === 0 ? null : n;
+		};
+		S.prototype._getGroup = function(e) {
+			for (var t = this.groups.length, n = 0; n < t; n++) if (e[n + 1] !== void 0) return this.groups[n];
+			throw Error("Cannot find token type for matched text");
+		};
+		function w() {
+			return this.value;
+		}
+		if (S.prototype.next = function() {
+			var e = this.index;
+			if (this.queuedGroup) {
+				var t = this._token(this.queuedGroup, this.queuedText, e);
+				return this.queuedGroup = null, this.queuedText = "", t;
+			}
+			var n = this.buffer;
+			if (e !== n.length) {
+				var r = this.fast[n.charCodeAt(e)];
+				if (r) return this._token(r, n.charAt(e), e);
+				var i = this.re;
+				i.lastIndex = e;
+				var a = C(i, n), o = this.error;
+				if (a == null) return this._token(o, n.slice(e, n.length), e);
+				var r = this._getGroup(a), s = a[0];
+				return o.fallback && a.index !== e ? (this.queuedGroup = r, this.queuedText = s, this._token(o, n.slice(e, a.index), e)) : this._token(r, s, e);
+			}
+		}, S.prototype._token = function(e, t, n) {
+			var r = 0;
+			if (e.lineBreaks) {
+				var i = /\n/g, a = 1;
+				if (t === "\n") r = 1;
+				else for (; i.exec(t);) r++, a = i.lastIndex;
+			}
+			var o = {
+				type: typeof e.type == "function" && e.type(t) || e.defaultType,
+				value: typeof e.value == "function" ? e.value(t) : t,
+				text: t,
+				toString: w,
+				offset: n,
+				lineBreaks: r,
+				line: this.line,
+				col: this.col
+			}, s = t.length;
+			if (this.index += s, this.line += r, r === 0 ? this.col += s : this.col = s - a + 1, e.shouldThrow) throw Error(this.formatError(o, "invalid syntax"));
+			return e.pop ? this.popState() : e.push ? this.pushState(e.push) : e.next && this.setState(e.next), o;
+		}, typeof Symbol < "u" && Symbol.iterator) {
+			var T = function(e) {
+				this.lexer = e;
+			};
+			T.prototype.next = function() {
+				var e = this.lexer.next();
+				return {
+					value: e,
+					done: !e
+				};
+			}, T.prototype[Symbol.iterator] = function() {
+				return this;
+			}, S.prototype[Symbol.iterator] = function() {
+				return new T(this);
+			};
+		}
+		return S.prototype.formatError = function(e, t) {
+			if (e == null) var n = this.buffer.slice(this.index), e = {
+				text: n,
+				offset: this.index,
+				lineBreaks: n.indexOf("\n") === -1 ? 0 : 1,
+				line: this.line,
+				col: this.col
+			};
+			var r = 2, i = Math.max(e.line - r, 1), a = e.line + r, o = String(a).length, s = d(this.buffer, this.line - e.line + r + 1).slice(0, 5), c = [];
+			c.push(t + " at line " + e.line + " col " + e.col + ":"), c.push("");
+			for (var l = 0; l < s.length; l++) {
+				var f = s[l], p = i + l;
+				c.push(u(String(p), o) + "  " + f), p === e.line && c.push(u("", o + e.col + 1) + "^");
+			}
+			return c.join("\n");
+		}, S.prototype.clone = function() {
+			return new S(this.states, this.state);
+		}, S.prototype.has = function(e) {
+			return !0;
+		}, {
+			compile: v,
+			states: b,
+			error: Object.freeze({ error: !0 }),
+			fallback: Object.freeze({ fallback: !0 }),
+			keywords: x
+		};
+	});
+}));
+//#endregion
+export default t();
+export { t as require_moo };

package/ui/index499.es.js

@@ -0,0 +1,81 @@
+import { __commonJSMin as e } from "./index2.es.js";
+import { require_moo as t } from "./index498.es.js";
+//#region node_modules/@messageformat/parser/lib/lexer.js
+var n = /* @__PURE__ */ e(((e) => {
+	var n = e && e.__importDefault || function(e) {
+		return e && e.__esModule ? e : { default: e };
+	};
+	Object.defineProperty(e, "__esModule", { value: !0 }), e.lexer = e.states = void 0;
+	var r = n(t());
+	e.states = {
+		body: {
+			doubleapos: {
+				match: "''",
+				value: () => "'"
+			},
+			quoted: {
+				lineBreaks: !0,
+				match: /'[{}#](?:[^']|'')*'(?!')/u,
+				value: (e) => e.slice(1, -1).replace(/''/g, "'")
+			},
+			argument: {
+				lineBreaks: !0,
+				match: /\{\s*[^\p{Pat_Syn}\p{Pat_WS}]+\s*/u,
+				push: "arg",
+				value: (e) => e.substring(1).trim()
+			},
+			octothorpe: "#",
+			end: {
+				match: "}",
+				pop: 1
+			},
+			content: {
+				lineBreaks: !0,
+				match: /[^][^{}#']*/u
+			}
+		},
+		arg: {
+			select: {
+				lineBreaks: !0,
+				match: /,\s*(?:plural|select|selectordinal)\s*,\s*/u,
+				next: "select",
+				value: (e) => e.split(",")[1].trim()
+			},
+			"func-args": {
+				lineBreaks: !0,
+				match: /,\s*[^\p{Pat_Syn}\p{Pat_WS}]+\s*,/u,
+				next: "body",
+				value: (e) => e.split(",")[1].trim()
+			},
+			"func-simple": {
+				lineBreaks: !0,
+				match: /,\s*[^\p{Pat_Syn}\p{Pat_WS}]+\s*/u,
+				value: (e) => e.substring(1).trim()
+			},
+			end: {
+				match: "}",
+				pop: 1
+			}
+		},
+		select: {
+			offset: {
+				lineBreaks: !0,
+				match: /\s*offset\s*:\s*\d+\s*/u,
+				value: (e) => e.split(":")[1].trim()
+			},
+			case: {
+				lineBreaks: !0,
+				match: /\s*(?:=\d+|[^\p{Pat_Syn}\p{Pat_WS}]+)\s*\{/u,
+				push: "body",
+				value: (e) => e.substring(0, e.indexOf("{")).trim()
+			},
+			end: {
+				match: /\s*\}/u,
+				pop: 1
+			}
+		}
+	}, e.lexer = r.default.states(e.states);
+}));
+//#endregion
+export default n();
+export { n as require_lexer };