@octax-app/hot-date-react 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +1 -1
  2. package/dist/hot-date-react.js +42 -40
  3. package/dist/react/HotDate.d.ts +0 -1
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -17,7 +17,7 @@ npm install @octax-app/hot-date-react
17
17
  ## Quick Start
18
18
 
19
19
  ```tsx
20
- import { HotDate } from '@octax-app/hot-date-react/react';
20
+ import { HotDate } from '@octax-app/hot-date-react';
21
21
 
22
22
  function MyForm() {
23
23
  return (
package/dist/hot-date-react.js CHANGED
@@ -1,8 +1,9 @@
1
- import { useEffect as e, useRef as t, useState as n } from "react";
2
- import { jsx as r } from "react/jsx-runtime";
1
+ import { t as e } from "./hot-date-CE4exKZT.js";
2
+ import { useEffect as t, useRef as n, useState as r } from "react";
3
+ import { jsx as i } from "react/jsx-runtime";
3
4
  //#region src/react/format.ts
4
- var i = /YYYY|YY|MM|DD|yyyy|yy|mm|dd|M|D|m|d/g;
5
- function a(e, t) {
5
+ var a = /YYYY|YY|MM|DD|yyyy|yy|mm|dd|M|D|m|d/g;
6
+ function o(e, t) {
6
7
  if (!e || !t) return null;
7
8
  let n = t.toUpperCase(), r = [
8
9
  "YYYY",
@@ -25,53 +26,54 @@ function a(e, t) {
25
26
  }, l = c("YYYY") ?? (c("YY") ? `20${c("YY")}` : null), u = c("MM") ?? c("M"), d = c("DD") ?? c("D");
26
27
  return !l || !u || !d ? null : `${l}-${u.padStart(2, "0")}-${d.padStart(2, "0")}`;
27
28
  }
28
- function o(e, t) {
29
- let [n, r, a] = e.split("-");
30
- return t.replace(i, (e) => {
29
+ function s(e, t) {
30
+ let [n, r, i] = e.split("-");
31
+ return t.replace(a, (e) => {
31
32
  switch (e.toUpperCase()) {
32
33
  case "YYYY": return n;
33
34
  case "YY": return n.slice(-2);
34
35
  case "MM": return r;
35
36
  case "M": return String(parseInt(r, 10));
36
- case "DD": return a;
37
- case "D": return String(parseInt(a, 10));
37
+ case "DD": return i;
38
+ case "D": return String(parseInt(i, 10));
38
39
  default: return e;
39
40
  }
40
41
  });
41
42
  }
42
- var s = new Intl.DateTimeFormat("en-US", {
43
+ var c = new Intl.DateTimeFormat("en-US", {
43
44
  month: "short",
44
45
  day: "numeric",
45
46
  year: "numeric"
46
47
  });
47
- function c(e) {
48
+ function l(e) {
48
49
  let [t, n, r] = e.split("-").map(Number);
49
- return s.format(new Date(Date.UTC(t, n - 1, r)));
50
+ return c.format(new Date(Date.UTC(t, n - 1, r)));
50
51
  }
51
- function l(e) {
52
+ function u(e) {
52
53
  if (!e) return "";
53
54
  if (e.includes("/")) {
54
55
  let [t, n] = e.split("/");
55
- return `${c(t)} — ${c(n)}`;
56
+ return `${l(t)} — ${l(n)}`;
56
57
  }
57
- return c(e);
58
+ return l(e);
58
59
  }
59
- function u(e, t) {
60
+ function d(e, t) {
60
61
  if (!e) return null;
61
62
  if (e.includes("/")) {
62
63
  let [n, r] = e.split("/"), i = t ?? "YYYY-MM-DD";
63
- return [o(n, i), o(r, i)];
64
+ return [s(n, i), s(r, i)];
64
65
  }
65
- return t ? o(e, t) : e;
66
+ return t ? s(e, t) : e;
66
67
  }
67
68
  //#endregion
68
69
  //#region src/react/HotDate.tsx
69
- function d(e) {
70
+ typeof customElements < "u" && (customElements.get("hot-date") || customElements.define("hot-date", e));
71
+ function f(e) {
70
72
  if (e !== void 0) return typeof e == "string" ? e : `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
71
73
  }
72
- 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 }) {
73
- let k = t(null), [A, j] = n(!!i), [M, N] = n(!1), P = T ?? !0;
74
- return e(() => {
74
+ 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 }) {
75
+ let k = n(null), [A, j] = r(!!e), [M, N] = r(!1), P = T ?? !0;
76
+ return t(() => {
75
77
  let e = k.current;
76
78
  if (!e) return;
77
79
  let t = (t, n) => {
@@ -79,7 +81,7 @@ function f({ value: i, onChange: o, onCommit: s, onClear: c, format: f, dateType
79
81
  }, n = (t, n) => {
80
82
  n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
81
83
  };
82
- 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);
84
+ 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);
83
85
  }, [
84
86
  v,
85
87
  y,
@@ -88,37 +90,37 @@ function f({ value: i, onChange: o, onCommit: s, onClear: c, format: f, dateType
88
90
  m,
89
91
  h,
90
92
  p,
91
- f,
93
+ l,
92
94
  S,
93
95
  C,
94
96
  w,
95
97
  P
96
- ]), e(() => {
97
- let e = k.current;
98
- if (!e || i === void 0) return;
99
- let t = i ? f ? a(i, f) ?? i : i : null;
100
- e.value = t, j(!!t), t ? e.setAttribute("display-value", l(t)) : e.removeAttribute("display-value");
101
- }, [i, f]), e(() => {
98
+ ]), t(() => {
99
+ let t = k.current;
100
+ if (!t || e === void 0) return;
101
+ let n = e ? l ? o(e, l) ?? e : e : null;
102
+ t.value = n, j(!!n), n ? t.setAttribute("display-value", u(n)) : t.removeAttribute("display-value");
103
+ }, [e, l]), t(() => {
102
104
  let e = k.current;
103
105
  if (!e) return;
104
106
  let t = (e) => {
105
107
  let t = e.detail;
106
- j(!!t.value), o?.(u(t.value, f));
108
+ j(!!t.value), a?.(d(t.value, l));
107
109
  }, n = (e) => {
108
110
  let t = e.detail;
109
- s?.(u(t.value, f));
111
+ s?.(d(t.value, l));
110
112
  }, r = () => {
111
113
  j(!1), c?.();
112
- }, i = () => N(!0), a = () => N(!1);
113
- return e.addEventListener("value-change", t), e.addEventListener("value-commit", n), e.addEventListener("clear", r), e.addEventListener("focusin", i), e.addEventListener("focusout", a), () => {
114
- e.removeEventListener("value-change", t), e.removeEventListener("value-commit", n), e.removeEventListener("clear", r), e.removeEventListener("focusin", i), e.removeEventListener("focusout", a);
114
+ }, i = () => N(!0), o = () => N(!1);
115
+ return e.addEventListener("value-change", t), e.addEventListener("value-commit", n), e.addEventListener("clear", r), e.addEventListener("focusin", i), e.addEventListener("focusout", o), () => {
116
+ e.removeEventListener("value-change", t), e.removeEventListener("value-commit", n), e.removeEventListener("clear", r), e.removeEventListener("focusin", i), e.removeEventListener("focusout", o);
115
117
  };
116
118
  }, [
117
- o,
119
+ a,
118
120
  s,
119
121
  c,
120
- f
121
- ]), e(() => {
122
+ l
123
+ ]), t(() => {
122
124
  let e = k.current;
123
125
  if (!e) return;
124
126
  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
139
141
  S,
140
142
  E,
141
143
  D
142
- ]), /* @__PURE__ */ r("hot-date", {
144
+ ]), /* @__PURE__ */ i("hot-date", {
143
145
  ref: k,
144
146
  class: g,
145
147
  style: _
146
148
  });
147
149
  }
148
150
  //#endregion
149
- export { f as HotDate, u as applyFormat, l as formatDisplayValue };
151
+ export { p as HotDate, d as applyFormat, u as formatDisplayValue };
package/dist/react/HotDate.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import "../hot-date";
2
1
  export interface ClassNameProps {
3
2
  active?: boolean;
4
3
  disabled?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@octax-app/hot-date-react",
3
- "version": "0.0.4",
3
+ "version": "0.0.6",
4
4
  "description": "React wrapper for the hot-date natural language date input web component.",
5
5
  "type": "module",
6
6
  "main": "./dist/hot-date-react.js",