konsolpro-custom-ui 0.0.327

package/dist/lib/ui/date-picker.js

@@ -0,0 +1,288 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import h from "react";
+import { X as c, p as F, w as E, B as u, r as T, s as B, v as H, _ as X } from "../../chunks/uploader-BN38rjbw.js";
+import { Calendar as _ } from "./calendar.js";
+import { P as q, c as A, b as G } from "../../chunks/popover-kFSgc5Lv.js";
+import { Icon as m } from "../icon/icon.js";
+import "../icon-banks/icons-banks.js";
+import "../icon-documents/icons-document.js";
+import { c as a } from "../../chunks/utils-TbLXCoKm.js";
+import "./command.js";
+import "./avatar.js";
+import "./card.js";
+import "./checkbox.js";
+import "../../chunks/combobox-primitive-context-B_ldR_VA.js";
+import "./combobox-primitive/components/combobox-container.js";
+import "./combobox-primitive/components/combobox-input.js";
+import "./combobox-primitive/components/combobox-item-renderer.js";
+import "./combobox-primitive/components/combobox-menu.js";
+import "./combobox-primitive/components/Item.js";
+import "./combobox-primitive/components/item-view.js";
+import "./combobox-primitive/components/list.js";
+import "./customizable-carousel.js";
+import "./date-range-picker/locales.js";
+import "./dialog/dialog-base/use-base-dialog.js";
+import "./link.js";
+import "./segments.js";
+import "./spinner.js";
+import "./switch.js";
+import "./tabs.js";
+import "./tag.js";
+import "./toaster.js";
+import "../../chunks/tooltip-BxRtZLBR.js";
+import { r as p } from "../../chunks/ru-CUCVR8Pn.js";
+import { f as I } from "../../chunks/format-DoKcg9cH.js";
+function we({
+  date: n,
+  onSelect: s,
+  disabled: i = !1,
+  placeholder: b = "дд.мм.гггг",
+  className: M,
+  size: l = "md",
+  error: e,
+  caption: N,
+  label: w,
+  showResetButton: y = !0,
+  onReset: f,
+  disabledDays: C,
+  "data-testid": k
+}) {
+  const [o, x] = h.useState(n), D = X(), [r, g] = h.useState(!1);
+  h.useEffect(() => {
+    n !== o && x(n);
+  }, [n]);
+  const P = (v) => {
+    v && (x(v), s == null || s(v), D === "mobile" && g(!1));
+  }, j = () => {
+    x(void 0), s == null || s(void 0), f == null || f();
+  }, O = () => {
+    switch (l) {
+      case "md":
+        return "rounded-lg";
+      case "lg":
+        return "rounded-xl";
+      default:
+        return "rounded-lg";
+    }
+  };
+  return /* @__PURE__ */ d("div", { className: M, children: [
+    w && /* @__PURE__ */ t(
+      c,
+      {
+        variant: "p3",
+        weight: "medium",
+        className: a("mb-1.5", {
+          "text-[14px]": l === "md",
+          "text-[16px]": l === "lg"
+        }),
+        children: w
+      }
+    ),
+    D === "mobile" ? /* @__PURE__ */ d(
+      F,
+      {
+        open: r,
+        onOpenChange: i ? void 0 : g,
+        children: [
+          /* @__PURE__ */ t(E, { asChild: !0, children: /* @__PURE__ */ t(
+            u,
+            {
+              variant: "dashed",
+              disabled: i,
+              size: l,
+              iconPosition: "end",
+              className: a(
+                "group border-border font-graphik w-full justify-start border-1 border-solid text-left text-[16px] leading-[22px]",
+                l === "lg" ? "px-3" : "px-2.5",
+                O(),
+                {
+                  "shadow-focus border-primary border-1 border-solid": r
+                },
+                {
+                  "shadow-error border-destructive border-1 border-solid": e != null && r
+                },
+                {
+                  "bg-background placeholder:text-muted-foreground disabled:bg-input-disabled-background border-destructive focus:border-destructive enabled:hover:border-destructive": e != null
+                },
+                e != null ? "hover:text-destructive" : ""
+              ),
+              "data-testid": k,
+              children: /* @__PURE__ */ d("div", { className: "flex w-full items-center", children: [
+                /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: a(
+                      "flex-1",
+                      o ? "text-foreground" : "text-muted-foreground",
+                      i && "text-muted-foreground",
+                      r && !i && "!text-default"
+                    ),
+                    children: o ? I(o, "dd.MM.yyyy", { locale: p }) : b
+                  }
+                ),
+                /* @__PURE__ */ d("div", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ t(
+                    m,
+                    {
+                      className: a(
+                        "group-focus-within:text-foreground text-muted-foreground transition-colors",
+                        i && "text-muted-foreground",
+                        r && !i && e == null && "!text-default",
+                        o && !i && e == null && "text-default",
+                        e != null && "!group-focus-within:!text-destructive !text-destructive"
+                      ),
+                      icon: "CalendarIcon",
+                      size: 16
+                    }
+                  ),
+                  e && /* @__PURE__ */ t(
+                    m,
+                    {
+                      icon: "ErrorFillIcon",
+                      className: "text-destructive",
+                      size: 16
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ) }),
+          /* @__PURE__ */ d(T, { className: "w-full pb-0", children: [
+            /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(H, { className: "m-0 mb-5 p-0 text-left", children: /* @__PURE__ */ t(c, { variant: "h2", className: "font-graphik", children: "Выберите дату" }) }) }),
+            /* @__PURE__ */ t(
+              _,
+              {
+                mode: "single",
+                selected: o,
+                onSelect: P,
+                initialFocus: !0,
+                locale: p,
+                className: "font-graphik mt-3",
+                numberOfMonths: 1,
+                disabled: C
+              }
+            ),
+            y && /* @__PURE__ */ t("div", { className: "flex h-[64px] items-center justify-center", children: /* @__PURE__ */ t(
+              u,
+              {
+                onClick: j,
+                variant: "text",
+                disabled: !o,
+                className: "w-full",
+                children: "Сбросить"
+              }
+            ) })
+          ] })
+        ]
+      }
+    ) : /* @__PURE__ */ d(
+      q,
+      {
+        open: r,
+        onOpenChange: i ? void 0 : g,
+        children: [
+          /* @__PURE__ */ t(A, { asChild: !0, children: /* @__PURE__ */ t(
+            u,
+            {
+              variant: "dashed",
+              disabled: i,
+              iconPosition: "end",
+              size: l,
+              className: a(
+                "group border-border font-graphik w-full justify-start border-1 border-solid text-left text-[16px] leading-[22px]",
+                O(),
+                l === "lg" ? "px-3" : "px-2.5",
+                {
+                  "shadow-focus border-primary border-1 border-solid": r
+                },
+                {
+                  "shadow-error border-destructive border-1 border-solid": e != null && r
+                },
+                {
+                  "bg-background placeholder:text-muted-foreground disabled:bg-input-disabled-background border-destructive focus:border-destructive enabled:hover:border-destructive": e != null
+                },
+                e != null ? "hover:text-destructive" : ""
+              ),
+              "data-testid": k,
+              children: /* @__PURE__ */ d("div", { className: "flex w-full items-center", children: [
+                /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: a(
+                      "flex-1",
+                      o ? "text-foreground" : "text-muted-foreground",
+                      r && !i && "!text-default"
+                    ),
+                    children: o ? I(o, "dd.MM.yyyy", { locale: p }) : b
+                  }
+                ),
+                /* @__PURE__ */ d("div", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ t(
+                    m,
+                    {
+                      className: a(
+                        "group-focus-within:text-foreground text-muted-foreground transition-colors",
+                        i && "text-muted-foreground",
+                        r && !i && e == null && "!text-default",
+                        o && !i && e == null && "text-default",
+                        e != null && "!group-focus-within:!text-destructive !text-destructive"
+                      ),
+                      icon: "CalendarIcon",
+                      size: 16
+                    }
+                  ),
+                  e && /* @__PURE__ */ t(
+                    m,
+                    {
+                      icon: "ErrorFillIcon",
+                      className: "text-destructive",
+                      size: 16
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ) }),
+          /* @__PURE__ */ d(
+            G,
+            {
+              className: "w-auto rounded-xl p-0 shadow-[0_2px_10px_rgba(0,0,0,0.1)]",
+              align: "start",
+              sideOffset: 4,
+              children: [
+                /* @__PURE__ */ t(
+                  _,
+                  {
+                    mode: "single",
+                    selected: o,
+                    onSelect: P,
+                    initialFocus: !0,
+                    locale: p,
+                    className: "font-graphik",
+                    disabled: C
+                  }
+                ),
+                y && /* @__PURE__ */ t("div", { className: "flex h-11 items-center justify-center px-2.5 py-2.5", children: /* @__PURE__ */ t(
+                  u,
+                  {
+                    onClick: j,
+                    variant: "text",
+                    size: "sm",
+                    className: "w-full",
+                    disabled: !o,
+                    children: "Сбросить"
+                  }
+                ) })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    N && !e && /* @__PURE__ */ t(c, { variant: "p1", className: "mt-1.5", textColor: "secondary", children: N }),
+    e && /* @__PURE__ */ t(c, { variant: "p1", className: "mt-1.5", textColor: "destructive", children: e })
+  ] });
+}
+export {
+  we as DatePicker
+};

package/dist/lib/ui/date-range-picker/constants.js

@@ -0,0 +1,25 @@
+const e = {
+  ru: {
+    selectPeriod: "Выберите период",
+    reset: "Сбросить",
+    placeholder: "дд.мм.гггг"
+  },
+  en: {
+    selectPeriod: "Select period",
+    reset: "Reset",
+    placeholder: "dd.mm.yyyy"
+  },
+  uz: {
+    selectPeriod: "Davrni tanlang",
+    reset: "Tozalash",
+    placeholder: "кк.оо.йййй"
+  },
+  tg: {
+    selectPeriod: "Давраро интихоб кунед",
+    reset: "Тоза кардан",
+    placeholder: "рр.мм.сссс"
+  }
+};
+export {
+  e as translations
+};

package/dist/lib/ui/date-range-picker/locales.js

@@ -0,0 +1,116 @@
+var u = Object.defineProperty, m = Object.defineProperties;
+var o = Object.getOwnPropertyDescriptors;
+var h = Object.getOwnPropertySymbols;
+var b = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var y = (r, a, t) => a in r ? u(r, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[a] = t, e = (r, a) => {
+  for (var t in a || (a = {}))
+    b.call(a, t) && y(r, t, a[t]);
+  if (h)
+    for (var t of h(a))
+      c.call(a, t) && y(r, t, a[t]);
+  return r;
+}, d = (r, a) => m(r, o(a));
+import { r as n } from "../../../chunks/ru-CUCVR8Pn.js";
+const i = [
+  "Yanvar",
+  "Fevral",
+  "Mart",
+  "Aprel",
+  "May",
+  "Iyun",
+  "Iyul",
+  "Avgust",
+  "Sentabr",
+  "Oktabr",
+  "Noyabr",
+  "Dekabr"
+], g = [
+  "Yan",
+  "Fev",
+  "Mar",
+  "Apr",
+  "May",
+  "Iyn",
+  "Iyl",
+  "Avg",
+  "Sen",
+  "Okt",
+  "Noy",
+  "Dek"
+], s = [
+  "Yakshanba",
+  "Dushanba",
+  "Seshanba",
+  "Chorshanba",
+  "Payshanba",
+  "Juma",
+  "Shanba"
+], w = ["Yak", "Dush", "Sesh", "Chor", "Pay", "Jum", "Shan"], M = [
+  "Январ",
+  "Феврал",
+  "Март",
+  "Апрел",
+  "Май",
+  "Июн",
+  "Июл",
+  "Август",
+  "Сентябр",
+  "Октябр",
+  "Ноябр",
+  "Декабр"
+], l = [
+  "Янв",
+  "Фев",
+  "Мар",
+  "Апр",
+  "Май",
+  "Июн",
+  "Июл",
+  "Авг",
+  "Сен",
+  "Окт",
+  "Ноя",
+  "Дек"
+], S = [
+  "Якшанбе",
+  "Душанбе",
+  "Сешанбе",
+  "Чоршанбе",
+  "Панҷшанбе",
+  "Ҷумъа",
+  "Шанбе"
+], k = ["Якш", "Душ", "Сеш", "Чор", "Пан", "Ҷум", "Шан"], v = d(e({}, n), {
+  code: "uz",
+  localize: d(e({}, n.localize), {
+    month: (r, a) => ((a == null ? void 0 : a.width) || "wide") === "abbreviated" ? g[r] : i[r],
+    day: (r, a) => {
+      const t = (a == null ? void 0 : a.width) || "wide";
+      return t === "short" || t === "abbreviated" || t === "narrow" ? w[r] : s[r];
+    },
+    ordinalNumber: (r) => String(r)
+  }),
+  formatLong: d(e({}, n.formatLong), {
+    date: () => "dd.MM.yyyy",
+    time: () => "HH:mm",
+    dateTime: () => "dd.MM.yyyy HH:mm"
+  })
+}), H = d(e({}, n), {
+  code: "tg",
+  localize: d(e({}, n.localize), {
+    month: (r, a) => ((a == null ? void 0 : a.width) || "wide") === "abbreviated" ? l[r] : M[r],
+    day: (r, a) => {
+      const t = (a == null ? void 0 : a.width) || "wide";
+      return t === "short" || t === "abbreviated" || t === "narrow" ? k[r] : S[r];
+    },
+    ordinalNumber: (r) => String(r)
+  }),
+  formatLong: d(e({}, n.formatLong), {
+    date: () => "dd.MM.yyyy",
+    time: () => "HH:mm",
+    dateTime: () => "dd.MM.yyyy HH:mm"
+  })
+});
+export {
+  H as tg,
+  v as uz
+};