@oneplatformdev/ui 0.0.1-beta.11

package/DatePicker/DatePicker.mjs

@@ -0,0 +1,699 @@
+import { jsxs as G, jsx as d } from "react/jsx-runtime";
+import * as D from "react";
+import { format as S } from "date-fns";
+import { Calendar as x } from "lucide-react";
+import { cn as C } from "@oneplatformdev/utils";
+import { Button as F } from "../Button/Button.mjs";
+import "../Button/buttonVariants.mjs";
+import { Calendar as O } from "../Calendar/Calendar.mjs";
+import { Popover as V, PopoverTrigger as z, PopoverContent as L } from "../Popover/Popover.mjs";
+function w(t) {
+  return (e = {}) => {
+    const n = e.width ? String(e.width) : t.defaultWidth;
+    return t.formats[n] || t.formats[t.defaultWidth];
+  };
+}
+function m(t) {
+  return (e, n) => {
+    const a = n != null && n.context ? String(n.context) : "standalone";
+    let i;
+    if (a === "formatting" && t.formattingValues) {
+      const r = t.defaultFormattingWidth || t.defaultWidth, l = n != null && n.width ? String(n.width) : r;
+      i = t.formattingValues[l] || t.formattingValues[r];
+    } else {
+      const r = t.defaultWidth, l = n != null && n.width ? String(n.width) : t.defaultWidth;
+      i = t.values[l] || t.values[r];
+    }
+    const o = t.argumentCallback ? t.argumentCallback(e) : e;
+    return i[o];
+  };
+}
+function f(t) {
+  return (e, n = {}) => {
+    const a = n.width, i = a && t.matchPatterns[a] || t.matchPatterns[t.defaultMatchWidth], o = e.match(i);
+    if (!o)
+      return null;
+    const r = o[0], l = a && t.parsePatterns[a] || t.parsePatterns[t.defaultParseWidth], s = Array.isArray(l) ? X(l, (h) => h.test(r)) : (
+      // [TODO] -- I challenge you to fix the type
+      R(l, (h) => h.test(r))
+    );
+    let c;
+    c = t.valueCallback ? t.valueCallback(s) : s, c = n.valueCallback ? (
+      // [TODO] -- I challenge you to fix the type
+      n.valueCallback(c)
+    ) : c;
+    const g = e.slice(r.length);
+    return { value: c, rest: g };
+  };
+}
+function R(t, e) {
+  for (const n in t)
+    if (Object.prototype.hasOwnProperty.call(t, n) && e(t[n]))
+      return n;
+}
+function X(t, e) {
+  for (let n = 0; n < t.length; n++)
+    if (e(t[n]))
+      return n;
+}
+function H(t) {
+  return (e, n = {}) => {
+    const a = e.match(t.matchPattern);
+    if (!a) return null;
+    const i = a[0], o = e.match(t.parsePattern);
+    if (!o) return null;
+    let r = t.valueCallback ? t.valueCallback(o[0]) : o[0];
+    r = n.valueCallback ? n.valueCallback(r) : r;
+    const l = e.slice(i.length);
+    return { value: r, rest: l };
+  };
+}
+const P = Symbol.for("constructDateFrom");
+function k(t, e) {
+  return typeof t == "function" ? t(e) : t && typeof t == "object" && P in t ? t[P](e) : t instanceof Date ? new t.constructor(e) : new Date(e);
+}
+function E(t, ...e) {
+  const n = k.bind(
+    null,
+    t || e.find((a) => typeof a == "object")
+  );
+  return e.map(n);
+}
+let T = {};
+function Y() {
+  return T;
+}
+function y(t, e) {
+  return k(e || t, t);
+}
+function p(t, e) {
+  var l, s, c, g;
+  const n = Y(), a = (e == null ? void 0 : e.weekStartsOn) ?? ((s = (l = e == null ? void 0 : e.locale) == null ? void 0 : l.options) == null ? void 0 : s.weekStartsOn) ?? n.weekStartsOn ?? ((g = (c = n.locale) == null ? void 0 : c.options) == null ? void 0 : g.weekStartsOn) ?? 0, i = y(t, e == null ? void 0 : e.in), o = i.getDay(), r = (o < a ? 7 : 0) + o - a;
+  return i.setDate(i.getDate() - r), i.setHours(0, 0, 0, 0), i;
+}
+function N(t, e, n) {
+  const [a, i] = E(
+    n == null ? void 0 : n.in,
+    t,
+    e
+  );
+  return +p(a, n) == +p(i, n);
+}
+function v(t, e) {
+  if (t.one !== void 0 && e === 1)
+    return t.one;
+  const n = e % 10, a = e % 100;
+  return n === 1 && a !== 11 ? t.singularNominative.replace("{{count}}", String(e)) : n >= 2 && n <= 4 && (a < 10 || a > 20) ? t.singularGenitive.replace("{{count}}", String(e)) : t.pluralGenitive.replace("{{count}}", String(e));
+}
+function u(t) {
+  return (e, n) => n && n.addSuffix ? n.comparison && n.comparison > 0 ? t.future ? v(t.future, e) : "за " + v(t.regular, e) : t.past ? v(t.past, e) : v(t.regular, e) + " тому" : v(t.regular, e);
+}
+const A = (t, e) => e && e.addSuffix ? e.comparison && e.comparison > 0 ? "за півхвилини" : "півхвилини тому" : "півхвилини", j = {
+  lessThanXSeconds: u({
+    regular: {
+      one: "менше секунди",
+      singularNominative: "менше {{count}} секунди",
+      singularGenitive: "менше {{count}} секунд",
+      pluralGenitive: "менше {{count}} секунд"
+    },
+    future: {
+      one: "менше, ніж за секунду",
+      singularNominative: "менше, ніж за {{count}} секунду",
+      singularGenitive: "менше, ніж за {{count}} секунди",
+      pluralGenitive: "менше, ніж за {{count}} секунд"
+    }
+  }),
+  xSeconds: u({
+    regular: {
+      singularNominative: "{{count}} секунда",
+      singularGenitive: "{{count}} секунди",
+      pluralGenitive: "{{count}} секунд"
+    },
+    past: {
+      singularNominative: "{{count}} секунду тому",
+      singularGenitive: "{{count}} секунди тому",
+      pluralGenitive: "{{count}} секунд тому"
+    },
+    future: {
+      singularNominative: "за {{count}} секунду",
+      singularGenitive: "за {{count}} секунди",
+      pluralGenitive: "за {{count}} секунд"
+    }
+  }),
+  halfAMinute: A,
+  lessThanXMinutes: u({
+    regular: {
+      one: "менше хвилини",
+      singularNominative: "менше {{count}} хвилини",
+      singularGenitive: "менше {{count}} хвилин",
+      pluralGenitive: "менше {{count}} хвилин"
+    },
+    future: {
+      one: "менше, ніж за хвилину",
+      singularNominative: "менше, ніж за {{count}} хвилину",
+      singularGenitive: "менше, ніж за {{count}} хвилини",
+      pluralGenitive: "менше, ніж за {{count}} хвилин"
+    }
+  }),
+  xMinutes: u({
+    regular: {
+      singularNominative: "{{count}} хвилина",
+      singularGenitive: "{{count}} хвилини",
+      pluralGenitive: "{{count}} хвилин"
+    },
+    past: {
+      singularNominative: "{{count}} хвилину тому",
+      singularGenitive: "{{count}} хвилини тому",
+      pluralGenitive: "{{count}} хвилин тому"
+    },
+    future: {
+      singularNominative: "за {{count}} хвилину",
+      singularGenitive: "за {{count}} хвилини",
+      pluralGenitive: "за {{count}} хвилин"
+    }
+  }),
+  aboutXHours: u({
+    regular: {
+      singularNominative: "близько {{count}} години",
+      singularGenitive: "близько {{count}} годин",
+      pluralGenitive: "близько {{count}} годин"
+    },
+    future: {
+      singularNominative: "приблизно за {{count}} годину",
+      singularGenitive: "приблизно за {{count}} години",
+      pluralGenitive: "приблизно за {{count}} годин"
+    }
+  }),
+  xHours: u({
+    regular: {
+      singularNominative: "{{count}} годину",
+      singularGenitive: "{{count}} години",
+      pluralGenitive: "{{count}} годин"
+    }
+  }),
+  xDays: u({
+    regular: {
+      singularNominative: "{{count}} день",
+      singularGenitive: "{{count}} днi",
+      pluralGenitive: "{{count}} днів"
+    }
+  }),
+  aboutXWeeks: u({
+    regular: {
+      singularNominative: "близько {{count}} тижня",
+      singularGenitive: "близько {{count}} тижнів",
+      pluralGenitive: "близько {{count}} тижнів"
+    },
+    future: {
+      singularNominative: "приблизно за {{count}} тиждень",
+      singularGenitive: "приблизно за {{count}} тижні",
+      pluralGenitive: "приблизно за {{count}} тижнів"
+    }
+  }),
+  xWeeks: u({
+    regular: {
+      singularNominative: "{{count}} тиждень",
+      singularGenitive: "{{count}} тижні",
+      pluralGenitive: "{{count}} тижнів"
+    }
+  }),
+  aboutXMonths: u({
+    regular: {
+      singularNominative: "близько {{count}} місяця",
+      singularGenitive: "близько {{count}} місяців",
+      pluralGenitive: "близько {{count}} місяців"
+    },
+    future: {
+      singularNominative: "приблизно за {{count}} місяць",
+      singularGenitive: "приблизно за {{count}} місяці",
+      pluralGenitive: "приблизно за {{count}} місяців"
+    }
+  }),
+  xMonths: u({
+    regular: {
+      singularNominative: "{{count}} місяць",
+      singularGenitive: "{{count}} місяці",
+      pluralGenitive: "{{count}} місяців"
+    }
+  }),
+  aboutXYears: u({
+    regular: {
+      singularNominative: "близько {{count}} року",
+      singularGenitive: "близько {{count}} років",
+      pluralGenitive: "близько {{count}} років"
+    },
+    future: {
+      singularNominative: "приблизно за {{count}} рік",
+      singularGenitive: "приблизно за {{count}} роки",
+      pluralGenitive: "приблизно за {{count}} років"
+    }
+  }),
+  xYears: u({
+    regular: {
+      singularNominative: "{{count}} рік",
+      singularGenitive: "{{count}} роки",
+      pluralGenitive: "{{count}} років"
+    }
+  }),
+  overXYears: u({
+    regular: {
+      singularNominative: "більше {{count}} року",
+      singularGenitive: "більше {{count}} років",
+      pluralGenitive: "більше {{count}} років"
+    },
+    future: {
+      singularNominative: "більше, ніж за {{count}} рік",
+      singularGenitive: "більше, ніж за {{count}} роки",
+      pluralGenitive: "більше, ніж за {{count}} років"
+    }
+  }),
+  almostXYears: u({
+    regular: {
+      singularNominative: "майже {{count}} рік",
+      singularGenitive: "майже {{count}} роки",
+      pluralGenitive: "майже {{count}} років"
+    },
+    future: {
+      singularNominative: "майже за {{count}} рік",
+      singularGenitive: "майже за {{count}} роки",
+      pluralGenitive: "майже за {{count}} років"
+    }
+  })
+}, _ = (t, e, n) => (n = n || {}, j[t](e, n)), q = {
+  full: "EEEE, do MMMM y 'р.'",
+  long: "do MMMM y 'р.'",
+  medium: "d MMM y 'р.'",
+  short: "dd.MM.y"
+}, I = {
+  full: "H:mm:ss zzzz",
+  long: "H:mm:ss z",
+  medium: "H:mm:ss",
+  short: "H:mm"
+}, Q = {
+  full: "{{date}} 'о' {{time}}",
+  long: "{{date}} 'о' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+}, B = {
+  date: w({
+    formats: q,
+    defaultWidth: "full"
+  }),
+  time: w({
+    formats: I,
+    defaultWidth: "full"
+  }),
+  dateTime: w({
+    formats: Q,
+    defaultWidth: "full"
+  })
+}, b = [
+  "неділю",
+  "понеділок",
+  "вівторок",
+  "середу",
+  "четвер",
+  "п’ятницю",
+  "суботу"
+];
+function K(t) {
+  const e = b[t];
+  switch (t) {
+    case 0:
+    case 3:
+    case 5:
+    case 6:
+      return "'у минулу " + e + " о' p";
+    case 1:
+    case 2:
+    case 4:
+      return "'у минулий " + e + " о' p";
+  }
+}
+function M(t) {
+  return "'у " + b[t] + " о' p";
+}
+function $(t) {
+  const e = b[t];
+  switch (t) {
+    case 0:
+    case 3:
+    case 5:
+    case 6:
+      return "'у наступну " + e + " о' p";
+    case 1:
+    case 2:
+    case 4:
+      return "'у наступний " + e + " о' p";
+  }
+}
+const J = (t, e, n) => {
+  const a = y(t), i = a.getDay();
+  return N(a, e, n) ? M(i) : K(i);
+}, U = (t, e, n) => {
+  const a = y(t), i = a.getDay();
+  return N(a, e, n) ? M(i) : $(i);
+}, Z = {
+  lastWeek: J,
+  yesterday: "'вчора о' p",
+  today: "'сьогодні о' p",
+  tomorrow: "'завтра о' p",
+  nextWeek: U,
+  other: "P"
+}, tt = (t, e, n, a) => {
+  const i = Z[t];
+  return typeof i == "function" ? i(e, n, a) : i;
+}, et = {
+  narrow: ["до н.е.", "н.е."],
+  abbreviated: ["до н. е.", "н. е."],
+  wide: ["до нашої ери", "нашої ери"]
+}, nt = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["1-й кв.", "2-й кв.", "3-й кв.", "4-й кв."],
+  wide: ["1-й квартал", "2-й квартал", "3-й квартал", "4-й квартал"]
+}, at = {
+  // ДСТУ 3582:2013
+  narrow: ["С", "Л", "Б", "К", "Т", "Ч", "Л", "С", "В", "Ж", "Л", "Г"],
+  abbreviated: [
+    "січ.",
+    "лют.",
+    "берез.",
+    "квіт.",
+    "трав.",
+    "черв.",
+    "лип.",
+    "серп.",
+    "верес.",
+    "жовт.",
+    "листоп.",
+    "груд."
+  ],
+  wide: [
+    "січень",
+    "лютий",
+    "березень",
+    "квітень",
+    "травень",
+    "червень",
+    "липень",
+    "серпень",
+    "вересень",
+    "жовтень",
+    "листопад",
+    "грудень"
+  ]
+}, it = {
+  narrow: ["С", "Л", "Б", "К", "Т", "Ч", "Л", "С", "В", "Ж", "Л", "Г"],
+  abbreviated: [
+    "січ.",
+    "лют.",
+    "берез.",
+    "квіт.",
+    "трав.",
+    "черв.",
+    "лип.",
+    "серп.",
+    "верес.",
+    "жовт.",
+    "листоп.",
+    "груд."
+  ],
+  wide: [
+    "січня",
+    "лютого",
+    "березня",
+    "квітня",
+    "травня",
+    "червня",
+    "липня",
+    "серпня",
+    "вересня",
+    "жовтня",
+    "листопада",
+    "грудня"
+  ]
+}, rt = {
+  narrow: ["Н", "П", "В", "С", "Ч", "П", "С"],
+  short: ["нд", "пн", "вт", "ср", "чт", "пт", "сб"],
+  abbreviated: ["нед", "пон", "вів", "сер", "чтв", "птн", "суб"],
+  wide: [
+    "неділя",
+    "понеділок",
+    "вівторок",
+    "середа",
+    "четвер",
+    "п’ятниця",
+    "субота"
+  ]
+}, ut = {
+  narrow: {
+    am: "ДП",
+    pm: "ПП",
+    midnight: "півн.",
+    noon: "пол.",
+    morning: "ранок",
+    afternoon: "день",
+    evening: "веч.",
+    night: "ніч"
+  },
+  abbreviated: {
+    am: "ДП",
+    pm: "ПП",
+    midnight: "півн.",
+    noon: "пол.",
+    morning: "ранок",
+    afternoon: "день",
+    evening: "веч.",
+    night: "ніч"
+  },
+  wide: {
+    am: "ДП",
+    pm: "ПП",
+    midnight: "північ",
+    noon: "полудень",
+    morning: "ранок",
+    afternoon: "день",
+    evening: "вечір",
+    night: "ніч"
+  }
+}, lt = {
+  narrow: {
+    am: "ДП",
+    pm: "ПП",
+    midnight: "півн.",
+    noon: "пол.",
+    morning: "ранку",
+    afternoon: "дня",
+    evening: "веч.",
+    night: "ночі"
+  },
+  abbreviated: {
+    am: "ДП",
+    pm: "ПП",
+    midnight: "півн.",
+    noon: "пол.",
+    morning: "ранку",
+    afternoon: "дня",
+    evening: "веч.",
+    night: "ночі"
+  },
+  wide: {
+    am: "ДП",
+    pm: "ПП",
+    midnight: "північ",
+    noon: "полудень",
+    morning: "ранку",
+    afternoon: "дня",
+    evening: "веч.",
+    night: "ночі"
+  }
+}, ot = (t, e) => {
+  const n = String(e == null ? void 0 : e.unit), a = Number(t);
+  let i;
+  return n === "date" ? a === 3 || a === 23 ? i = "-є" : i = "-е" : n === "minute" || n === "second" || n === "hour" ? i = "-а" : i = "-й", a + i;
+}, ct = {
+  ordinalNumber: ot,
+  era: m({
+    values: et,
+    defaultWidth: "wide"
+  }),
+  quarter: m({
+    values: nt,
+    defaultWidth: "wide",
+    argumentCallback: (t) => t - 1
+  }),
+  month: m({
+    values: at,
+    defaultWidth: "wide",
+    formattingValues: it,
+    defaultFormattingWidth: "wide"
+  }),
+  day: m({
+    values: rt,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: m({
+    values: ut,
+    defaultWidth: "any",
+    formattingValues: lt,
+    defaultFormattingWidth: "wide"
+  })
+}, st = /^(\d+)(-?(е|й|є|а|я))?/i, dt = /\d+/i, mt = {
+  narrow: /^((до )?н\.?\s?е\.?)/i,
+  abbreviated: /^((до )?н\.?\s?е\.?)/i,
+  wide: /^(до нашої ери|нашої ери|наша ера)/i
+}, ft = {
+  any: [/^д/i, /^н/i]
+}, vt = {
+  narrow: /^[1234]/i,
+  abbreviated: /^[1234](-?[иі]?й?)? кв.?/i,
+  wide: /^[1234](-?[иі]?й?)? квартал/i
+}, gt = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, ht = {
+  narrow: /^[слбктчвжг]/i,
+  abbreviated: /^(січ|лют|бер(ез)?|квіт|трав|черв|лип|серп|вер(ес)?|жовт|лис(топ)?|груд)\.?/i,
+  wide: /^(січень|січня|лютий|лютого|березень|березня|квітень|квітня|травень|травня|червня|червень|липень|липня|серпень|серпня|вересень|вересня|жовтень|жовтня|листопад[а]?|грудень|грудня)/i
+}, wt = {
+  narrow: [
+    /^с/i,
+    /^л/i,
+    /^б/i,
+    /^к/i,
+    /^т/i,
+    /^ч/i,
+    /^л/i,
+    /^с/i,
+    /^в/i,
+    /^ж/i,
+    /^л/i,
+    /^г/i
+  ],
+  any: [
+    /^сі/i,
+    /^лю/i,
+    /^б/i,
+    /^к/i,
+    /^т/i,
+    /^ч/i,
+    /^лип/i,
+    /^се/i,
+    /^в/i,
+    /^ж/i,
+    /^лис/i,
+    /^г/i
+  ]
+}, yt = {
+  narrow: /^[нпвсч]/i,
+  short: /^(нд|пн|вт|ср|чт|пт|сб)\.?/i,
+  abbreviated: /^(нед|пон|вів|сер|че?тв|птн?|суб)\.?/i,
+  wide: /^(неділ[яі]|понеділ[ок][ка]|вівтор[ок][ка]|серед[аи]|четвер(га)?|п\W*?ятниц[яі]|субот[аи])/i
+}, bt = {
+  narrow: [/^н/i, /^п/i, /^в/i, /^с/i, /^ч/i, /^п/i, /^с/i],
+  any: [/^н/i, /^п[он]/i, /^в/i, /^с[ер]/i, /^ч/i, /^п\W*?[ят]/i, /^с[уб]/i]
+}, Gt = {
+  narrow: /^([дп]п|півн\.?|пол\.?|ранок|ранку|день|дня|веч\.?|ніч|ночі)/i,
+  abbreviated: /^([дп]п|півн\.?|пол\.?|ранок|ранку|день|дня|веч\.?|ніч|ночі)/i,
+  wide: /^([дп]п|північ|полудень|ранок|ранку|день|дня|вечір|вечора|ніч|ночі)/i
+}, Pt = {
+  any: {
+    am: /^дп/i,
+    pm: /^пп/i,
+    midnight: /^півн/i,
+    noon: /^пол/i,
+    morning: /^р/i,
+    afternoon: /^д[ен]/i,
+    evening: /^в/i,
+    night: /^н/i
+  }
+}, pt = {
+  ordinalNumber: H({
+    matchPattern: st,
+    parsePattern: dt,
+    valueCallback: (t) => parseInt(t, 10)
+  }),
+  era: f({
+    matchPatterns: mt,
+    defaultMatchWidth: "wide",
+    parsePatterns: ft,
+    defaultParseWidth: "any"
+  }),
+  quarter: f({
+    matchPatterns: vt,
+    defaultMatchWidth: "wide",
+    parsePatterns: gt,
+    defaultParseWidth: "any",
+    valueCallback: (t) => t + 1
+  }),
+  month: f({
+    matchPatterns: ht,
+    defaultMatchWidth: "wide",
+    parsePatterns: wt,
+    defaultParseWidth: "any"
+  }),
+  day: f({
+    matchPatterns: yt,
+    defaultMatchWidth: "wide",
+    parsePatterns: bt,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: f({
+    matchPatterns: Gt,
+    defaultMatchWidth: "wide",
+    parsePatterns: Pt,
+    defaultParseWidth: "any"
+  })
+}, W = {
+  code: "uk",
+  formatDistance: _,
+  formatLong: B,
+  formatRelative: tt,
+  localize: ct,
+  match: pt,
+  options: {
+    weekStartsOn: 1,
+    firstWeekContainsDate: 1
+  }
+}, Wt = D.forwardRef(
+  (t, e) => {
+    const {
+      selectedDate: n,
+      onDateChange: a,
+      disabled: i = !1
+    } = t;
+    return /* @__PURE__ */ G(V, { children: [
+      /* @__PURE__ */ d(z, { asChild: !0, children: /* @__PURE__ */ G(
+        F,
+        {
+          ref: e,
+          disabled: i,
+          variant: "outline",
+          className: C(
+            "w-full justify-start text-left font-normal border-blue-300",
+            !n && "text-muted-foreground"
+          ),
+          children: [
+            n ? S(n, "LLL dd, y", { locale: W }) : /* @__PURE__ */ d("span", { children: "dd/mm/yyyy" }),
+            /* @__PURE__ */ d(x, { className: "mr-2 h-4 w-4 ml-auto" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ d(L, { align: "start", className: " w-auto p-0", children: /* @__PURE__ */ d(
+        O,
+        {
+          mode: "single",
+          captionLayout: "dropdown-buttons",
+          selected: n,
+          onSelect: a,
+          fromYear: 1960,
+          toYear: 2030,
+          locale: W
+        }
+      ) })
+    ] });
+  }
+);
+Wt.displayName = "DatePicker";
+export {
+  Wt as DatePicker
+};

package/DatePicker/DatePicker.types.d.ts

@@ -0,0 +1,5 @@
+export interface DatePickerProps {
+    selectedDate?: Date;
+    onDateChange: (date: Date | undefined) => void;
+    disabled?: boolean;
+}

package/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DatePicker';
+export { DatePicker as default } from './DatePicker';
+export type * from './DatePicker.types';