@boxcustodia/library 0.2.3 → 0.2.4

package/dist/index.es92.js

@@ -1,57 +1,94 @@
-import { useState as m, useMemo as f } from "react";
-import { parse as D } from "./index.es224.js";
-import { startOfToday as M } from "./index.es234.js";
-import { addMonths as y } from "./index.es187.js";
-import { addYears as a } from "./index.es188.js";
-import { formatDate as s } from "./index.es107.js";
-function w(i = M()) {
-  const [o, c] = m({
-    month: s(i, "MM"),
-    year: s(i, "yyyy")
-  }), e = f(
-    () => D(`${o.month}-${o.year}`, "MM-yyyy", /* @__PURE__ */ new Date()),
-    [o]
-  ), n = (t) => {
-    c({
-      ...o,
-      month: s(t, "MM")
-    });
-  }, r = (t) => {
-    c({
-      ...o,
-      year: s(t, "yyyy")
-    });
-  };
-  return {
-    navigationDate: e,
-    setMonth: n,
-    setYear: r,
-    previousMonth: () => {
-      const t = y(e, -1);
-      n(t);
-    },
-    nextMonth: () => {
-      const t = y(e, 1);
-      n(t);
-    },
-    previousYear: () => {
-      const t = a(e, -1);
-      r(t);
-    },
-    nextYear: () => {
-      const t = a(e, 1);
-      r(t);
-    },
-    previousDecade: () => {
-      const t = a(e, -10);
-      r(t);
-    },
-    nextDecade: () => {
-      const t = a(e, 10);
-      r(t);
-    }
-  };
-}
+import { j as t } from "./index.es83.js";
+import { l as m } from "./index.es101.js";
+import { useMemo as z } from "react";
+import I from "./index.es115.js";
+import O from "./index.es110.js";
+import { formatDate as n } from "./index.es108.js";
+import { eachYearOfInterval as B } from "./index.es195.js";
+import { startOfDecade as E } from "./index.es233.js";
+import { endOfDecade as R } from "./index.es196.js";
+import { es as $ } from "./index.es242.js";
+import { Button as u } from "./index.es28.js";
+import { cn as w } from "./index.es73.js";
+const F = ({
+  view: r,
+  setView: s,
+  value: e,
+  previousMonth: l,
+  nextMonth: f,
+  previousYear: d,
+  nextYear: y,
+  previousDecade: p,
+  nextDecade: x,
+  goBackProps: h,
+  goNextProps: b,
+  changeViewProps: i
+}) => {
+  const N = r === "month", a = r === "year", o = r === "decade", j = () => {
+    if (o) return p();
+    if (a) return d();
+    l();
+  }, g = () => {
+    if (o) return x();
+    if (a) return y();
+    f();
+  }, C = () => {
+    if (N) return s("year");
+    if (a) return s("decade");
+  }, v = () => o ? D() : a ? n(e, "yyyy") : n(e, "MMMM yyyy", { locale: $ }), D = () => {
+    if (!e) return "";
+    const c = B({
+      start: E(e),
+      end: R(e)
+    }), k = m.first(c), L = m.last(c);
+    return `${n(k, "yyyy")} - ${n(L, "yyyy")}`;
+  }, M = z(v, [e, r]);
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: "ui-flex ui-items-center ui-justify-between", children: [
+    /* @__PURE__ */ t.jsxs(
+      u,
+      {
+        onClick: j,
+        size: "icon",
+        variant: "ghost",
+        className: "ui-border ui-w-6 ui-opacity-50 hover:ui-opacity-100",
+        ...h,
+        children: [
+          /* @__PURE__ */ t.jsx(I, { className: "ui-h-4 ui-w-4" }),
+          /* @__PURE__ */ t.jsx("span", { className: "ui-sr-only", children: "Ir a anterior" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        onClick: C,
+        disabled: o,
+        ...i,
+        type: "button",
+        className: w(
+          "ui-font-semibold ui-pb-px ui-text-gray-900 ui-text-lg ui-text-blue-bell ui-select-none ui-min-w-[60%] ui-capitalize",
+          i == null ? void 0 : i.className
+        ),
+        children: M
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(
+      u,
+      {
+        onClick: g,
+        size: "icon",
+        variant: "ghost",
+        className: "ui-border ui-w-6 ui-opacity-50 hover:ui-opacity-100",
+        ...b,
+        children: [
+          /* @__PURE__ */ t.jsx(O, { className: "ui-h-4 ui-w-4" }),
+          /* @__PURE__ */ t.jsx("span", { className: "ui-sr-only", children: "Ir a siguiente" })
+        ]
+      }
+    )
+  ] }) });
+};
+F.displayName = "CalendarNavigation";
 export {
-  w as default
+  F as CalendarNavigation
 };

package/dist/index.es93.js

@@ -1,92 +1,39 @@
-import { j as t } from "./index.es83.js";
-import { l as m } from "./index.es101.js";
-import { useMemo as L } from "react";
-import I from "./index.es116.js";
-import O from "./index.es109.js";
-import { formatDate as a } from "./index.es107.js";
-import { eachYearOfInterval as B } from "./index.es195.js";
-import { startOfDecade as E } from "./index.es233.js";
-import { endOfDecade as R } from "./index.es196.js";
-import { es as $ } from "./index.es242.js";
-import { Button as l } from "./index.es28.js";
-import { cn as F } from "./index.es73.js";
-const Y = ({
-  view: e,
-  setView: s,
-  value: r,
-  previousMonth: f,
-  nextMonth: u,
-  previousYear: d,
-  nextYear: y,
-  previousDecade: x,
-  nextDecade: p,
-  goBackProps: h,
-  goNextProps: j,
-  changeViewProps: i
+import { j as r } from "./index.es83.js";
+import { useMemo as a } from "react";
+import { Day as c } from "./index.es243.js";
+import { WeekDays as h } from "./index.es244.js";
+import { startOfWeek as x } from "./index.es215.js";
+import { endOfWeek as l } from "./index.es198.js";
+import { endOfMonth as u } from "./index.es197.js";
+import { eachDayOfInterval as j } from "./index.es194.js";
+const M = ({
+  navigationDate: t,
+  disabled: e,
+  weekDaysClassName: o,
+  weekDaysProps: s,
+  dayClassName: n,
+  dayProps: f
 }) => {
-  const b = e === "month", n = e === "year", o = e === "decade", g = () => {
-    if (o) return x();
-    if (n) return d();
-    f();
-  }, N = () => {
-    if (o) return p();
-    if (n) return y();
-    u();
-  }, C = () => {
-    if (b) return s("year");
-    if (n) return s("decade");
-  }, D = () => o ? z() : n ? a(r, "yyyy") : a(r, "MMMM yyyy", { locale: $ }), z = () => {
-    if (!r) return "";
-    const c = B({
-      start: E(r),
-      end: R(r)
-    }), k = m.first(c), v = m.last(c);
-    return `${a(k, "yyyy")} - ${a(v, "yyyy")}`;
-  }, M = L(D, [r, e]);
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: "ui-flex ui-items-center ui-justify-center", children: [
-    /* @__PURE__ */ t.jsxs(
-      l,
+  const i = a(() => j({
+    start: x(t, { weekStartsOn: 1 }),
+    end: l(u(t), { weekStartsOn: 1 })
+  }), [t]);
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(h, { className: o, ...s }),
+    /* @__PURE__ */ r.jsx("div", { className: "ui-grid ui-grid-cols-7 ui-mt-2 ui-text-sm", children: i.map((m, p) => /* @__PURE__ */ r.jsx(
+      c,
       {
-        onClick: g,
-        size: "icon",
-        variant: "ghost",
-        ...h,
-        children: [
-          /* @__PURE__ */ t.jsx(I, { size: 14 }),
-          /* @__PURE__ */ t.jsx("span", { className: "ui-sr-only", children: "Ir a anterior" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      "button",
-      {
-        onClick: C,
-        disabled: o,
-        ...i,
-        type: "button",
-        className: F(
-          "ui-font-semibold ui-pb-px ui-text-gray-900 ui-text-lg ui-text-blue-bell ui-select-none ui-min-w-[60%] ui-capitalize",
-          i == null ? void 0 : i.className
-        ),
-        children: M
-      }
-    ),
-    /* @__PURE__ */ t.jsxs(
-      l,
-      {
-        onClick: N,
-        size: "icon",
-        variant: "ghost",
-        ...j,
-        children: [
-          /* @__PURE__ */ t.jsx(O, { size: 14 }),
-          /* @__PURE__ */ t.jsx("span", { className: "ui-sr-only", children: "Ir a siguiente" })
-        ]
-      }
-    )
-  ] }) });
+        day: m,
+        className: n,
+        ...f,
+        navigationDate: t,
+        disabled: e == null ? void 0 : e(m)
+      },
+      p
+    )) })
+  ] });
 };
-Y.displayName = "CalendarNavigation";
+M.displayName = "MonthView";
 export {
-  Y as CalendarNavigation
+  M as MonthView
 };

package/dist/index.es94.js

@@ -1,39 +1,26 @@
-import { j as r } from "./index.es83.js";
-import { useMemo as a } from "react";
-import { Day as c } from "./index.es243.js";
-import { WeekDays as h } from "./index.es244.js";
-import { startOfWeek as x } from "./index.es215.js";
-import { endOfWeek as l } from "./index.es198.js";
-import { endOfMonth as u } from "./index.es197.js";
-import { eachDayOfInterval as j } from "./index.es194.js";
-const M = ({
-  navigationDate: t,
-  disabled: e,
-  weekDaysClassName: o,
-  weekDaysProps: s,
-  dayClassName: n,
-  dayProps: f
-}) => {
-  const i = a(() => j({
-    start: x(t, { weekStartsOn: 1 }),
-    end: l(u(t), { weekStartsOn: 1 })
-  }), [t]);
-  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(h, { className: o, ...s }),
-    /* @__PURE__ */ r.jsx("div", { className: "ui-grid ui-grid-cols-7 ui-mt-2 ui-text-sm", children: i.map((m, p) => /* @__PURE__ */ r.jsx(
-      c,
-      {
-        day: m,
-        className: n,
-        ...f,
-        navigationDate: t,
-        disabled: e == null ? void 0 : e(m)
-      },
-      p
-    )) })
-  ] });
+import { j as t } from "./index.es83.js";
+import { monthNames as o } from "./index.es31.js";
+import { setMonth as m } from "./index.es230.js";
+import { Button as n } from "./index.es28.js";
+import { formatDate as l } from "./index.es108.js";
+const c = ({ value: i, onChange: e }) => {
+  const a = (r) => {
+    const s = m(i, r);
+    e(s);
+  };
+  return /* @__PURE__ */ t.jsx("div", { className: "ui-grid ui-grid-cols-3 ui-grow", children: o.map((r) => /* @__PURE__ */ t.jsx(
+    n,
+    {
+      type: "button",
+      className: "ui-h-full ui-rounded",
+      onClick: () => a(o.indexOf(r)),
+      variant: "ghost",
+      children: /* @__PURE__ */ t.jsx("abbr", { "aria-label": `${r} ${l(i, "yyyy")}`, children: r })
+    },
+    r
+  )) });
 };
-M.displayName = "MonthView";
+c.displayName = "YearView";
 export {
-  M as MonthView
+  c as YearView
 };

package/dist/index.es95.js

@@ -1,26 +1,32 @@
-import { j as t } from "./index.es83.js";
-import { monthNames as o } from "./index.es31.js";
-import { setMonth as m } from "./index.es230.js";
-import { Button as n } from "./index.es28.js";
-import { formatDate as l } from "./index.es107.js";
-const c = ({ value: i, onChange: e }) => {
-  const a = (r) => {
-    const s = m(i, r);
-    e(s);
-  };
-  return /* @__PURE__ */ t.jsx("div", { className: "ui-grid ui-grid-cols-3 ui-grow", children: o.map((r) => /* @__PURE__ */ t.jsx(
-    n,
+import { j as o } from "./index.es83.js";
+import { useMemo as c } from "react";
+import { setYear as d } from "./index.es232.js";
+import { Button as f } from "./index.es28.js";
+import { formatDate as a } from "./index.es108.js";
+import { eachYearOfInterval as p } from "./index.es195.js";
+import { startOfDecade as u } from "./index.es233.js";
+import { endOfDecade as y } from "./index.es196.js";
+const l = ({ value: r, onChange: s }) => {
+  const i = () => p({
+    start: u(r),
+    end: y(r)
+  }), m = (t) => {
+    const e = d(r, parseInt(a(t, "yyyy")));
+    s(e);
+  }, n = c(i, [r]);
+  return /* @__PURE__ */ o.jsx("div", { className: "ui-grid ui-grid-cols-3 ui-grow", children: n.map((t, e) => /* @__PURE__ */ o.jsx(
+    f,
     {
+      onClick: () => m(t),
+      className: "ui-h-full ui-rounded-none",
       type: "button",
-      className: "ui-h-full ui-rounded",
-      onClick: () => a(o.indexOf(r)),
       variant: "ghost",
-      children: /* @__PURE__ */ t.jsx("abbr", { "aria-label": `${r} ${l(i, "yyyy")}`, children: r })
+      children: a(t, "yyyy")
     },
-    r
+    e
   )) });
 };
-c.displayName = "YearView";
+l.displayName = "DecadeView";
 export {
-  c as YearView
+  l as DecadeView
 };