@alif-ui-test/core 1.11.0

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,134 @@
+import { jsxs as Z, jsx as o } from "react/jsx-runtime";
+import { useState as C, useEffect as _ } from "react";
+import n from "./DatePicker.module.css.js";
+import { formatDate as D, defineMask as k, parseDate as $, formatInputValue as T } from "./DatePicker.utils.js";
+import { useLocale as w } from "../../providers/hooks/useLocale/useLocale.js";
+import { Popover as p } from "../Popover/Popover.js";
+import { Input as R } from "../Input/Input.js";
+import { OutlineSystemCalendar as ee } from "../../icons/components/OutlineSystemCalendar.js";
+import { Picker as te } from "./Picker/Picker.js";
+import { classNames as x } from "../../utils/class-names.js";
+const ue = ({
+  className: V,
+  proportions: g = "m",
+  label: I = "",
+  placeholder: N,
+  values: t,
+  isRange: r = !1,
+  autoFocus: O = !1,
+  disabled: a = !1,
+  hintText: M,
+  showCorrectHintIcon: j = !1,
+  hasError: v = !1,
+  isHintAlwaysShown: y = !1,
+  mask: u,
+  onDateChange: m,
+  onClear: F,
+  onBlur: d,
+  allowPicker: P = !0,
+  allowTime: s = !0,
+  timeControl: S = !1,
+  allowSeconds: W = !1,
+  allowPeriod: l = !1,
+  allowDay: A = !0,
+  allowMonth: B = !0,
+  allowYear: E = !0,
+  dateOptions: L = [],
+  fullWidth: b = !0,
+  style: q,
+  ...z
+}) => {
+  const { locale: h } = w(), [G, f] = C(""), H = x(
+    n.root,
+    b && n.fullWidth,
+    a && n.disabled,
+    V
+  );
+  _(() => {
+    t ? D(t, r, s, f) : f("");
+  }, [r, t, s]);
+  const [J, c] = C(!1), K = () => {
+    c((e) => !e);
+  }, Q = (e) => {
+    if (a) return;
+    const i = $(e.target.value, r);
+    m(i), t ? D(t, r, s, f) : f(""), d && d(e);
+  }, U = (e, i) => {
+    const X = e.target.value.replace(/[^\dAaPp]/g, ""), Y = T(X, i);
+    f(Y);
+  };
+  return /* @__PURE__ */ Z(
+    p,
+    {
+      isOpen: J && P,
+      onClose: () => c(!1),
+      offset: 0,
+      position: "bottom-start",
+      children: [
+        /* @__PURE__ */ o(
+          p.Trigger,
+          {
+            onBlur: Q,
+            className: H,
+            style: q,
+            children: /* @__PURE__ */ o(
+              R,
+              {
+                fullWidth: !0,
+                label: I,
+                placeholder: N,
+                autoFocus: O,
+                disabled: a,
+                onClear: F,
+                value: G,
+                proportions: g,
+                rightIcon: /* @__PURE__ */ o(
+                  "span",
+                  {
+                    onMouseDown: (e) => e.preventDefault(),
+                    className: n.iconContainer,
+                    children: /* @__PURE__ */ o(ee, {})
+                  }
+                ),
+                hasError: v,
+                onChange: (e) => U(
+                  e,
+                  u || k(r, s, l, h || "ru")
+                ),
+                mask: u || k(r, s, l, h || "ru"),
+                ...z,
+                hintText: M,
+                isFilled: !!t,
+                isHintAlwaysShown: y,
+                showCorrectHintIcon: j,
+                onFieldClick: K
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o(p.Dropdown, { children: /* @__PURE__ */ o("div", { onMouseDown: (e) => e.preventDefault(), children: /* @__PURE__ */ o(
+          te,
+          {
+            className: x(n.root, n.picker),
+            isRange: r,
+            values: t,
+            onDateChange: (e) => {
+              c(!1), m(e);
+            },
+            timeControl: S,
+            allowTime: s,
+            allowSeconds: W,
+            allowPeriod: l,
+            allowDay: A,
+            allowMonth: B,
+            allowYear: E,
+            dateOptions: L
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+export {
+  ue as DatePicker
+};

package/dist/components/DatePicker/DatePicker.module.css.js

@@ -0,0 +1,13 @@
+const t = "_root_5fpf7_1", f = "_picker_5fpf7_5", o = "_fullWidth_5fpf7_10", _ = "_disabled_5fpf7_14", l = {
+  root: t,
+  picker: f,
+  fullWidth: o,
+  disabled: _
+};
+export {
+  l as default,
+  _ as disabled,
+  o as fullWidth,
+  f as picker,
+  t as root
+};

package/dist/components/DatePicker/DatePicker.types.js

@@ -0,0 +1 @@
+

package/dist/components/DatePicker/DatePicker.utils.js

@@ -0,0 +1,86 @@
+const M = (t) => {
+  const e = /^(\d{2})\.(\d{2})\.(\d{1,4})(\s\d{2}:\d{2})?$/;
+  if (!e.test(t))
+    return !1;
+  const [, r, n, o, s] = t.match(e) || [], a = parseInt(r, 10), u = parseInt(n, 10), c = parseInt(o, 10);
+  if (u == 0 || u > 12)
+    return !1;
+  const l = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+  if ((c % 400 == 0 || c % 100 != 0 && c % 4 == 0) && (l[1] = 29), a < 0 || a > l[u - 1])
+    return !1;
+  const [f, D] = s ? s.split(":") : ["0", "0"];
+  return parseInt(f, 10) < 24 && parseInt(D, 10) < 60;
+}, d = (t, e) => t ? e ? t.split(" - ").filter(M).map(m) : M(t) ? m(t) : null : null, m = (t) => {
+  const e = /* @__PURE__ */ new Date(), [r, n] = t.split(" "), [o, s, a] = r.split("."), [u, c] = n ? n.split(":") : ["0", "0"];
+  return e.setFullYear(parseInt(a, 10)), e.setMonth(parseInt(s, 10) - 1), e.setDate(parseInt(o, 10)), e.setHours(parseInt(u, 10)), e.setMinutes(parseInt(c, 10)), e;
+}, i = (t) => t < 10 ? `0${t}` : t, p = (t, e, r, n) => {
+  if (!t) {
+    n("");
+    return;
+  }
+  if (Array.isArray(t))
+    if (e) {
+      const l = t.map((f) => _(f, r)).filter((f) => f);
+      n(
+        `${l[0] || ""} - ${l[1] || ""}`
+      );
+      return;
+    } else {
+      n(_(t[0], r));
+      return;
+    }
+  const o = t.getDate(), s = t.getMonth() + 1, a = t.getFullYear(), u = t.getHours(), c = t.getMinutes();
+  n(
+    `${i(o)}.${i(s)}.${a}${r ? ` ${i(u)}:${i(c)}` : ""}`
+  );
+}, _ = (t, e) => {
+  if (!t)
+    return "";
+  const r = t.getDate(), n = t.getMonth() + 1, o = t.getFullYear(), s = t.getHours(), a = t.getMinutes();
+  return `${i(r)}.${i(n)}.${o}${e ? ` ${i(s)}:${i(a)}` : ""}`;
+}, Y = {
+  date_standalone: {
+    en: "DD.MM.YYYY",
+    ru: "ДД.ММ.ГГГГ",
+    tj: "РР.ММ.СССС"
+  },
+  date_range: {
+    en: "DD.MM.YYYY - DD.MM.YYYY",
+    ru: "ДД.ММ.ГГГГ - ДД.ММ.ГГГГ",
+    tj: "РР.ММ.СССС - РР.ММ.СССС"
+  },
+  date_time: {
+    en: "DD.MM.YYYY HH:mm",
+    ru: "ДД.ММ.ГГГГ ЧЧ:мм",
+    tj: "РР.ММ.СССС cc:мм"
+  },
+  date_time_range: {
+    en: "DD.MM.YYYY HH:mm - DD.MM.YYYY HH:mm",
+    ru: "ДД.ММ.ГГГГ ЧЧ:мм - ДД.ММ.ГГГГ ЧЧ:мм",
+    tj: "РР.ММ.СССС cc:мм - РР.ММ.СССС cc:мм"
+  },
+  date_time_twelve_hours: {
+    en: "DD.MM.YYYY HH:mm a",
+    ru: "ДД.ММ.ГГГГ ЧЧ:мм a",
+    tj: "РР.ММ.СССС cc:мм a"
+  },
+  date_time_twelve_hours_range: {
+    en: "DD.MM.YYYY HH:mm a - DD.MM.YYYY HH:mm a",
+    ru: "ДД.ММ.ГГГГ ЧЧ:мм а - ДД.ММ.ГГГГ ЧЧ:мм a",
+    tj: "РР.ММ.СССС cc:мм а - РР.ММ.СССС cc:мм a"
+  }
+}, g = (t, e, r, n = "ru") => t ? e ? r ? Y.date_time_twelve_hours_range[n] : Y.date_time_range[n] : Y.date_range[n] : e ? r ? Y.date_time_twelve_hours[n] : Y.date_time[n] : Y.date_standalone[n], h = (t, e = "") => {
+  let r = "", n = 0, o = 0;
+  for (let s = 0; s < e.length && !(n >= t.length && e[s] !== "a"); s++)
+    "DMYHm".includes(e[s]) || "ДМГЧм".includes(e[s]) || "РМСсм".includes(e[s]) ? (r += t[n] || "_", n++) : e[s] === "a" ? o === 0 && t.length > n ? (r += t[n].toUpperCase() === "A" ? "AM" : "PM", o = 1, n++) : o === 0 && (r += "_M") : r += e[s];
+  return r;
+};
+export {
+  i as addZero,
+  g as defineMask,
+  p as formatDate,
+  h as formatInputValue,
+  _ as formatSingleDate,
+  M as isValidDate,
+  d as parseDate
+};