@octax-app/hot-date-react 0.0.3 → 0.0.5

package/dist/hot-date-react.js

@@ -1,8 +1,9 @@
-import { useEffect as e, useRef as t, useState as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
+import { t as e } from "./hot-date-CE4exKZT.js";
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/react/format.ts
-var i = /YYYY|YY|MM|DD|yyyy|yy|mm|dd|M|D|m|d/g;
-function a(e, t) {
+var a = /YYYY|YY|MM|DD|yyyy|yy|mm|dd|M|D|m|d/g;
+function o(e, t) {
 	if (!e || !t) return null;
 	let n = t.toUpperCase(), r = [
 		"YYYY",
@@ -25,53 +26,54 @@ function a(e, t) {
 	}, l = c("YYYY") ?? (c("YY") ? `20${c("YY")}` : null), u = c("MM") ?? c("M"), d = c("DD") ?? c("D");
 	return !l || !u || !d ? null : `${l}-${u.padStart(2, "0")}-${d.padStart(2, "0")}`;
 }
-function o(e, t) {
-	let [n, r, a] = e.split("-");
-	return t.replace(i, (e) => {
+function s(e, t) {
+	let [n, r, i] = e.split("-");
+	return t.replace(a, (e) => {
 		switch (e.toUpperCase()) {
 			case "YYYY": return n;
 			case "YY": return n.slice(-2);
 			case "MM": return r;
 			case "M": return String(parseInt(r, 10));
-			case "DD": return a;
-			case "D": return String(parseInt(a, 10));
+			case "DD": return i;
+			case "D": return String(parseInt(i, 10));
 			default: return e;
 		}
 	});
 }
-var s = new Intl.DateTimeFormat("en-US", {
+var c = new Intl.DateTimeFormat("en-US", {
 	month: "short",
 	day: "numeric",
 	year: "numeric"
 });
-function c(e) {
+function l(e) {
 	let [t, n, r] = e.split("-").map(Number);
-	return s.format(new Date(Date.UTC(t, n - 1, r)));
+	return c.format(new Date(Date.UTC(t, n - 1, r)));
 }
-function l(e) {
+function u(e) {
 	if (!e) return "";
 	if (e.includes("/")) {
 		let [t, n] = e.split("/");
-		return `${c(t)} — ${c(n)}`;
+		return `${l(t)} — ${l(n)}`;
 	}
-	return c(e);
+	return l(e);
 }
-function u(e, t) {
+function d(e, t) {
 	if (!e) return null;
 	if (e.includes("/")) {
 		let [n, r] = e.split("/"), i = t ?? "YYYY-MM-DD";
-		return [o(n, i), o(r, i)];
+		return [s(n, i), s(r, i)];
 	}
-	return t ? o(e, t) : e;
+	return t ? s(e, t) : e;
 }
 //#endregion
 //#region src/react/HotDate.tsx
-function d(e) {
+typeof customElements < "u" && (customElements.get("hot-date") || customElements.define("hot-date", e));
+function f(e) {
 	if (e !== void 0) return typeof e == "string" ? e : `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-function f({ value: i, onChange: o, onCommit: s, onClear: c, format: f, dateType: p = "point", startDate: m, endDate: h, className: g, style: _, placeholder: v, timezone: y, locale: b, weekStart: x, disabled: S, required: C, name: w, showHint: T, error: E, success: D, classNames: O }) {
-	let k = t(null), [A, j] = n(!!i), [M, N] = n(!1), P = T ?? !0;
-	return e(() => {
+function p({ value: e, onChange: a, onCommit: s, onClear: c, format: l, dateType: p = "point", startDate: m, endDate: h, className: g, style: _, placeholder: v, timezone: y, locale: b, weekStart: x, disabled: S, required: C, name: w, showHint: T, error: E, success: D, classNames: O }) {
+	let k = n(null), [A, j] = r(!!e), [M, N] = r(!1), P = T ?? !0;
+	return t(() => {
 		let e = k.current;
 		if (!e) return;
 		let t = (t, n) => {
@@ -79,7 +81,7 @@ function f({ value: i, onChange: o, onCommit: s, onClear: c, format: f, dateType
 		}, n = (t, n) => {
 			n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
 		};
-		n("placeholder", v), n("timezone", y), n("locale", b), n("week-start", x), n("start-date", d(m)), n("end-date", d(h)), n("mode", p), n("format", f), t("disabled", !!S), t("required", !!C), t("hide-hint", !P), n("name", w);
+		n("placeholder", v), n("timezone", y), n("locale", b), n("week-start", x), n("start-date", f(m)), n("end-date", f(h)), n("mode", p), n("format", l), t("disabled", !!S), t("required", !!C), t("hide-hint", !P), n("name", w);
 	}, [
 		v,
 		y,
@@ -88,37 +90,37 @@ function f({ value: i, onChange: o, onCommit: s, onClear: c, format: f, dateType
 		m,
 		h,
 		p,
-		f,
+		l,
 		S,
 		C,
 		w,
 		P
-	]), e(() => {
-		let e = k.current;
-		if (!e || i === void 0) return;
-		let t = i ? f ? a(i, f) ?? i : i : null;
-		e.value = t, j(!!t), t ? e.setAttribute("display-value", l(t)) : e.removeAttribute("display-value");
-	}, [i, f]), e(() => {
+	]), t(() => {
+		let t = k.current;
+		if (!t || e === void 0) return;
+		let n = e ? l ? o(e, l) ?? e : e : null;
+		t.value = n, j(!!n), n ? t.setAttribute("display-value", u(n)) : t.removeAttribute("display-value");
+	}, [e, l]), t(() => {
 		let e = k.current;
 		if (!e) return;
 		let t = (e) => {
 			let t = e.detail;
-			j(!!t.value), o?.(u(t.value, f));
+			j(!!t.value), a?.(d(t.value, l));
 		}, n = (e) => {
 			let t = e.detail;
-			s?.(u(t.value, f));
+			s?.(d(t.value, l));
 		}, r = () => {
 			j(!1), c?.();
-		}, i = () => N(!0), a = () => N(!1);
-		return e.addEventListener("value-change", t), e.addEventListener("value-commit", n), e.addEventListener("clear", r), e.addEventListener("focusin", i), e.addEventListener("focusout", a), () => {
-			e.removeEventListener("value-change", t), e.removeEventListener("value-commit", n), e.removeEventListener("clear", r), e.removeEventListener("focusin", i), e.removeEventListener("focusout", a);
+		}, i = () => N(!0), o = () => N(!1);
+		return e.addEventListener("value-change", t), e.addEventListener("value-commit", n), e.addEventListener("clear", r), e.addEventListener("focusin", i), e.addEventListener("focusout", o), () => {
+			e.removeEventListener("value-change", t), e.removeEventListener("value-commit", n), e.removeEventListener("clear", r), e.removeEventListener("focusin", i), e.removeEventListener("focusout", o);
 		};
 	}, [
-		o,
+		a,
 		s,
 		c,
-		f
-	]), e(() => {
+		l
+	]), t(() => {
 		let e = k.current;
 		if (!e) return;
 		let t = (e) => e ? typeof e == "function" ? e({
@@ -139,11 +141,11 @@ function f({ value: i, onChange: o, onCommit: s, onClear: c, format: f, dateType
 		S,
 		E,
 		D
-	]), /* @__PURE__ */ r("hot-date", {
+	]), /* @__PURE__ */ i("hot-date", {
 		ref: k,
 		class: g,
 		style: _
 	});
 }
 //#endregion
-export { f as HotDate, u as applyFormat, l as formatDisplayValue };
+export { p as HotDate, d as applyFormat, u as formatDisplayValue };

package/dist/react/HotDate.d.ts

@@ -1,4 +1,3 @@
-import "../hot-date";
 export interface ClassNameProps {
     active?: boolean;
     disabled?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octax-app/hot-date-react",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "React wrapper for the hot-date natural language date input web component.",
   "type": "module",
   "main": "./dist/hot-date-react.js",
@@ -20,8 +20,7 @@
     "dist"
   ],
   "sideEffects": [
-    "./dist/hot-date.js",
-    "./dist/hot-date-react.js"
+    "./dist/**/*.js"
   ],
   "keywords": [
     "date-picker",