@well-insight/ui 0.1.7 → 0.1.8

package/dist/data-view/style.js

@@ -0,0 +1,4 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Pagination/styles.css'
+import '../components/DataView/styles.css'

package/dist/date-picker/index.js

@@ -0,0 +1,316 @@
+import { n as e, t } from "../overlay-oR-5MDuE.js";
+import { c as n, o as r } from "../config-DWwce9jA.js";
+import { n as i, t as a } from "../locale-CYkJyRd1.js";
+import "./style.js";
+import { Fragment as o, Teleport as s, Transition as c, computed as l, createBlock as ee, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as te, defineComponent as p, nextTick as m, normalizeClass as h, normalizeStyle as ne, onBeforeUnmount as re, openBlock as g, ref as _, renderList as v, toDisplayString as y, unref as b, watch as ie, withCtx as ae, withKeys as x, withModifiers as S } from "vue";
+//#region src/components/DatePicker/DatePicker.vue?vue&type=script&setup=true&lang.ts
+var oe = {
+	key: 0,
+	class: "wi-datepicker__label"
+}, se = [
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-invalid",
+	"aria-expanded",
+	"onKeydown"
+], ce = ["aria-label", "disabled"], le = ["aria-label"], ue = {
+	key: 0,
+	class: "wi-datepicker__shortcuts"
+}, de = ["onClick"], fe = { class: "wi-datepicker__calendar" }, pe = { class: "wi-datepicker__header" }, me = ["aria-label"], he = { class: "wi-datepicker__month" }, ge = ["aria-label"], _e = { class: "wi-datepicker__weekdays" }, ve = { class: "wi-datepicker__grid" }, ye = [
+	"disabled",
+	"onClick",
+	"onMouseenter"
+], C = /* @__PURE__ */ p({
+	__name: "DatePicker",
+	props: {
+		modelValue: { default: null },
+		type: { default: "date" },
+		label: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		fluid: {
+			type: Boolean,
+			default: !1
+		},
+		size: {},
+		minDate: {},
+		maxDate: {},
+		placeholder: { default: void 0 },
+		format: { default: "YYYY-MM-DD" },
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		shortcuts: { default: () => [] },
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {}
+	},
+	emits: ["update:modelValue"],
+	setup(p, { emit: C }) {
+		let w = p, T = C, E = n(), D = i(), be = r("DatePicker", () => w.size), O = _(!1), k = _(null), A = _(null), j = _(null), M = _({}), N = _((/* @__PURE__ */ new Date()).getFullYear()), P = _((/* @__PURE__ */ new Date()).getMonth()), F = _(null), I = _(null), L = l(() => e(w, E.value.appendTo)), R = l(() => t(w, E.value.appendTo)), z = l(() => w.type === "daterange");
+		function B(e) {
+			if (e == null || e === "") return null;
+			if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : e;
+			let t = /^(\d{4})-(\d{2})-(\d{2})/.exec(e);
+			if (t) return new Date(Number(t[1]), Number(t[2]) - 1, Number(t[3]));
+			let n = new Date(e);
+			return Number.isNaN(n.getTime()) ? null : n;
+		}
+		function V(e) {
+			return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+		}
+		function H(e) {
+			return w.format.replaceAll("YYYY", String(e.getFullYear())).replaceAll("MM", String(e.getMonth() + 1).padStart(2, "0")).replaceAll("DD", String(e.getDate()).padStart(2, "0"));
+		}
+		function U(e) {
+			return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+		}
+		function xe(e) {
+			if (e == null || e === "") return {
+				start: null,
+				end: null
+			};
+			if (Array.isArray(e)) return {
+				start: B(e[0]),
+				end: B(e[1])
+			};
+			let t = B(e);
+			return {
+				start: t,
+				end: t
+			};
+		}
+		let W = l(() => xe(w.modelValue)), G = l(() => B(w.minDate)), K = l(() => B(w.maxDate)), q = l(() => {
+			let { start: e, end: t } = W.value;
+			return e ? !z.value || !t ? H(e) : `${H(e)} – ${H(t)}` : "";
+		}), Se = l(() => w.placeholder ?? (z.value ? D.value.dateRangePlaceholder : D.value.datePickerPlaceholder)), Ce = l(() => a(D.value.monthYear, {
+			year: N.value,
+			month: P.value + 1,
+			monthName: D.value.monthNames[P.value] ?? String(P.value + 1)
+		}));
+		function we() {
+			let e = F.value ?? W.value.start, t = F.value ? I.value ?? F.value : W.value.end;
+			if (!e) return {
+				start: null,
+				end: null
+			};
+			if (!t) return {
+				start: U(e),
+				end: U(e)
+			};
+			let n = U(e), r = U(t);
+			return n.getTime() <= r.getTime() ? {
+				start: n,
+				end: r
+			} : {
+				start: r,
+				end: n
+			};
+		}
+		let Te = l(() => {
+			let e = new Date(N.value, P.value, 1).getDay(), t = new Date(N.value, P.value + 1, 0).getDate(), n = [];
+			for (let t = 0; t < e; t++) {
+				let r = new Date(N.value, P.value, -e + t + 1);
+				n.push(J(r, !1));
+			}
+			for (let e = 1; e <= t; e++) n.push(J(new Date(N.value, P.value, e), !0));
+			for (; n.length % 7 != 0 || n.length < 42;) {
+				let e = n[n.length - 1].date, t = new Date(e.getFullYear(), e.getMonth(), e.getDate() + 1);
+				n.push(J(t, !1));
+			}
+			return n;
+		});
+		function J(e, t) {
+			let n = U(e), r = !1;
+			G.value && n < U(G.value) && (r = !0), K.value && n > U(K.value) && (r = !0);
+			let i = we(), a = n.getTime(), o = !!(i.start && a === i.start.getTime()), s = !!(i.end && a === i.end.getTime()), c = !!(z.value && i.start && i.end && a > i.start.getTime() && a < i.end.getTime());
+			return {
+				date: n,
+				inMonth: t,
+				disabled: r,
+				selected: o || s,
+				inRange: c,
+				rangeStart: o,
+				rangeEnd: s
+			};
+		}
+		let Ee = l(() => [
+			"wi-datepicker",
+			`wi-datepicker--${be.value}`,
+			{
+				"wi-datepicker--fluid": w.fluid,
+				"wi-datepicker--disabled": w.disabled,
+				"wi-datepicker--invalid": w.invalid,
+				"wi-datepicker--open": O.value,
+				"wi-datepicker--range": z.value
+			}
+		]);
+		function De() {
+			let e = W.value.start ?? /* @__PURE__ */ new Date();
+			N.value = e.getFullYear(), P.value = e.getMonth();
+		}
+		function Y() {
+			if (!R.value || !A.value) return;
+			let e = A.value.getBoundingClientRect();
+			M.value = {
+				left: `${e.left}px`,
+				minWidth: `${e.width}px`,
+				top: `${e.bottom + 8}px`
+			};
+		}
+		function Oe(e) {
+			w.disabled || (O.value = e, e && (F.value = null, I.value = null, De(), m(() => Y())));
+		}
+		function X() {
+			Oe(!O.value);
+		}
+		function ke() {
+			P.value === 0 ? (P.value = 11, --N.value) : --P.value;
+		}
+		function Ae() {
+			P.value === 11 ? (P.value = 0, N.value += 1) : P.value += 1;
+		}
+		function je(e, t) {
+			if (t || w.disabled) return;
+			if (!z.value) {
+				T("update:modelValue", V(e)), O.value = !1;
+				return;
+			}
+			if (!F.value) {
+				F.value = e, I.value = e;
+				return;
+			}
+			let n = F.value, r = e, [i, a] = n.getTime() <= r.getTime() ? [n, r] : [r, n];
+			T("update:modelValue", [V(i), V(a)]), F.value = null, I.value = null, O.value = !1;
+		}
+		function Me(e) {
+			if (w.disabled) return;
+			let t = typeof e.value == "function" ? e.value() : e.value;
+			if (Array.isArray(t)) {
+				let e = B(t[0]), n = B(t[1]);
+				if (!e || !n) return;
+				let [r, i] = e.getTime() <= n.getTime() ? [e, n] : [n, e];
+				T("update:modelValue", z.value ? [V(r), V(i)] : V(r));
+			} else {
+				let e = B(t);
+				if (!e) return;
+				T("update:modelValue", z.value ? [V(e), V(e)] : V(e));
+			}
+			O.value = !1;
+		}
+		function Ne() {
+			w.disabled || !w.clearable || T("update:modelValue", null);
+		}
+		function Z(e) {
+			let t = e.target;
+			k.value?.contains(t) || j.value?.contains(t) || (O.value = !1);
+		}
+		function Q(e) {
+			e.key === "Escape" && (O.value = !1);
+		}
+		function $() {
+			O.value && Y();
+		}
+		return ie(O, async (e) => {
+			e ? (document.addEventListener("click", Z), document.addEventListener("keydown", Q), R.value && (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0)), await m()) : (document.removeEventListener("click", Z), document.removeEventListener("keydown", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0));
+		}), re(() => {
+			document.removeEventListener("click", Z), document.removeEventListener("keydown", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0);
+		}), (e, t) => (g(), d("div", {
+			ref_key: "root",
+			ref: k,
+			class: h(Ee.value)
+		}, [
+			p.label ? (g(), d("label", oe, y(p.label), 1)) : u("", !0),
+			f("div", {
+				ref_key: "triggerEl",
+				ref: A,
+				class: "wi-datepicker__control"
+			}, [f("input", {
+				class: "wi-datepicker__input",
+				type: "text",
+				readonly: "",
+				value: q.value,
+				placeholder: Se.value,
+				disabled: p.disabled,
+				"aria-invalid": p.invalid || void 0,
+				"aria-expanded": O.value,
+				"aria-haspopup": "dialog",
+				onClick: X,
+				onKeydown: [x(S(X, ["prevent"]), ["enter"]), x(S(X, ["prevent"]), ["space"])]
+			}, null, 40, se), p.clearable && q.value ? (g(), d("button", {
+				key: 0,
+				type: "button",
+				class: "wi-datepicker__clear",
+				"aria-label": b(D).clearDate,
+				disabled: p.disabled,
+				onClick: S(Ne, ["stop"])
+			}, " × ", 8, ce)) : u("", !0)], 512),
+			(g(), ee(s, {
+				to: L.value.to,
+				disabled: L.value.disabled
+			}, [te(c, { name: "wi-scale-fade" }, {
+				default: ae(() => [O.value ? (g(), d("div", {
+					key: 0,
+					ref_key: "panel",
+					ref: j,
+					class: h(["wi-datepicker__panel", {
+						"wi-datepicker__panel--teleported": R.value,
+						"wi-datepicker__panel--with-shortcuts": p.shortcuts.length
+					}]),
+					style: ne(R.value ? M.value : void 0),
+					role: "dialog",
+					"aria-label": b(D).datePicker
+				}, [p.shortcuts.length ? (g(), d("div", ue, [(g(!0), d(o, null, v(p.shortcuts, (e) => (g(), d("button", {
+					key: e.label,
+					type: "button",
+					class: "wi-datepicker__shortcut",
+					onClick: (t) => Me(e)
+				}, y(e.label), 9, de))), 128))])) : u("", !0), f("div", fe, [
+					f("div", pe, [
+						f("button", {
+							type: "button",
+							class: "wi-datepicker__nav",
+							"aria-label": b(D).prevMonth,
+							onClick: ke
+						}, "‹", 8, me),
+						f("span", he, y(Ce.value), 1),
+						f("button", {
+							type: "button",
+							class: "wi-datepicker__nav",
+							"aria-label": b(D).nextMonth,
+							onClick: Ae
+						}, "›", 8, ge)
+					]),
+					f("div", _e, [(g(!0), d(o, null, v(b(D).weekdays, (e) => (g(), d("span", { key: e }, y(e), 1))), 128))]),
+					f("div", ve, [(g(!0), d(o, null, v(Te.value, (e) => (g(), d("button", {
+						key: e.date.toISOString(),
+						type: "button",
+						class: h(["wi-datepicker__day", {
+							"wi-datepicker__day--other": !e.inMonth,
+							"wi-datepicker__day--selected": e.selected,
+							"wi-datepicker__day--in-range": e.inRange,
+							"wi-datepicker__day--range-start": e.rangeStart,
+							"wi-datepicker__day--range-end": e.rangeEnd
+						}]),
+						disabled: e.disabled,
+						onClick: (t) => je(e.date, e.disabled),
+						onMouseenter: (t) => z.value && F.value && (I.value = e.date)
+					}, y(e.date.getDate()), 43, ye))), 128))])
+				])], 14, le)) : u("", !0)]),
+				_: 1
+			})], 8, ["to", "disabled"]))
+		], 2));
+	}
+});
+//#endregion
+export { C as WiDatePicker };