@boxcustodia/library 0.2.7 → 0.2.8

package/dist/index.es97.js

@@ -1,57 +1,48 @@
-import { useState as m, useMemo as f } from "react";
-import { parse as D } from "./index.es232.js";
-import { startOfToday as M } from "./index.es242.js";
-import { addMonths as y } from "./index.es195.js";
-import { addYears as a } from "./index.es196.js";
-import { formatDate as s } from "./index.es112.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")
+import * as l from "react";
+import { composeRefs as u } from "./index.es147.js";
+import { j as c } from "./index.es86.js";
+var d = l.forwardRef((e, n) => {
+  const { children: r, ...t } = e, o = l.Children.toArray(r), i = o.find(g);
+  if (i) {
+    const s = i.props.children, a = o.map((p) => p === i ? l.Children.count(s) > 1 ? l.Children.only(null) : l.isValidElement(s) ? s.props.children : null : p);
+    return /* @__PURE__ */ c.jsx(f, { ...t, ref: n, children: l.isValidElement(s) ? l.cloneElement(s, void 0, a) : null });
+  }
+  return /* @__PURE__ */ c.jsx(f, { ...t, ref: n, children: r });
+});
+d.displayName = "Slot";
+var f = l.forwardRef((e, n) => {
+  const { children: r, ...t } = e;
+  if (l.isValidElement(r)) {
+    const o = h(r);
+    return l.cloneElement(r, {
+      ...y(t, r.props),
+      // @ts-ignore
+      ref: n ? u(n, o) : o
     });
-  }, 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);
-    }
-  };
+  }
+  return l.Children.count(r) > 1 ? l.Children.only(null) : null;
+});
+f.displayName = "SlotClone";
+var m = ({ children: e }) => /* @__PURE__ */ c.jsx(c.Fragment, { children: e });
+function g(e) {
+  return l.isValidElement(e) && e.type === m;
+}
+function y(e, n) {
+  const r = { ...n };
+  for (const t in n) {
+    const o = e[t], i = n[t];
+    /^on[A-Z]/.test(t) ? o && i ? r[t] = (...a) => {
+      i(...a), o(...a);
+    } : o && (r[t] = o) : t === "style" ? r[t] = { ...o, ...i } : t === "className" && (r[t] = [o, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...r };
+}
+function h(e) {
+  var t, o;
+  let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, r = n && "isReactWarning" in n && n.isReactWarning;
+  return r ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, r = n && "isReactWarning" in n && n.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
 export {
-  w as default
+  d as Slot,
+  m as Slottable
 };

package/dist/index.es98.js

@@ -1,94 +1,32 @@
-import { j as t } from "./index.es84.js";
-import { l as m } from "./index.es108.js";
-import { useMemo as z } from "react";
-import I from "./index.es105.js";
-import O from "./index.es106.js";
-import { formatDate as n } from "./index.es112.js";
-import { eachYearOfInterval as B } from "./index.es203.js";
-import { startOfDecade as E } from "./index.es241.js";
-import { endOfDecade as R } from "./index.es204.js";
-import { es as $ } from "./index.es244.js";
-import { Button as u } from "./index.es32.js";
-import { cn as w } from "./index.es74.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" })
-        ]
-      }
-    )
-  ] }) });
+import { j as o } from "./index.es86.js";
+import { useRef as r } from "react";
+import i from "./index.es148.js";
+import a from "./index.es107.js";
+import { cn as m } from "./index.es76.js";
+const s = ({ loading: e, ...t }) => {
+  const n = r(null);
+  return /* @__PURE__ */ o.jsx(
+    i,
+    {
+      unmountOnExit: !0,
+      mountOnEnter: !0,
+      timeout: 200,
+      in: e,
+      classNames: "btn-loader",
+      nodeRef: n,
+      children: /* @__PURE__ */ o.jsx(
+        a,
+        {
+          ...t,
+          ref: n,
+          "data-testid": "btn-loader",
+          className: m("ui-animate-spin", t.className)
+        }
+      )
+    }
+  );
 };
-F.displayName = "CalendarNavigation";
+s.displayName = "LoadingIcon";
 export {
-  F as CalendarNavigation
+  s as LoadingIcon
 };

package/dist/index.es99.js

@@ -1,39 +1,32 @@
-import { j as r } from "./index.es84.js";
-import { useMemo as a } from "react";
-import { Day as c } from "./index.es245.js";
-import { WeekDays as h } from "./index.es246.js";
-import { startOfWeek as x } from "./index.es223.js";
-import { endOfWeek as l } from "./index.es206.js";
-import { endOfMonth as u } from "./index.es205.js";
-import { eachDayOfInterval as j } from "./index.es202.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
-    )) })
-  ] });
-};
-M.displayName = "MonthView";
+import * as l from "react";
+import { useCallbackRef as f } from "./index.es149.js";
+function R({
+  prop: t,
+  defaultProp: r,
+  onChange: s = () => {
+  }
+}) {
+  const [e, n] = v({ defaultProp: r, onChange: s }), o = t !== void 0, i = o ? t : e, u = f(s), d = l.useCallback(
+    (c) => {
+      if (o) {
+        const a = typeof c == "function" ? c(t) : c;
+        a !== t && u(a);
+      } else
+        n(c);
+    },
+    [o, t, n, u]
+  );
+  return [i, d];
+}
+function v({
+  defaultProp: t,
+  onChange: r
+}) {
+  const s = l.useState(t), [e] = s, n = l.useRef(e), o = f(r);
+  return l.useEffect(() => {
+    n.current !== e && (o(e), n.current = e);
+  }, [e, n, o]), s;
+}
 export {
-  M as MonthView
+  R as useControllableState
 };

package/dist/style.css

@@ -1613,6 +1613,33 @@ video {
 .ui-text-\[10px\] {
   font-size: 10px;
 }
+.ui-text-\[14px\] {
+  font-size: 14px;
+}
+.ui-text-\[16px\] {
+  font-size: 16px;
+}
+.ui-text-\[18px\] {
+  font-size: 18px;
+}
+.ui-text-\[20px\] {
+  font-size: 20px;
+}
+.ui-text-\[24px\] {
+  font-size: 24px;
+}
+.ui-text-\[28px\] {
+  font-size: 28px;
+}
+.ui-text-\[32px\] {
+  font-size: 32px;
+}
+.ui-text-\[36px\] {
+  font-size: 36px;
+}
+.ui-text-\[40px\] {
+  font-size: 40px;
+}
 .ui-text-base {
   font-size: 1rem;
   line-height: 1.5rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boxcustodia/library",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -84,6 +84,7 @@
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-storybook": "^0.10.1",
+    "@geometricpanda/storybook-addon-badges": "^2.0.5",
     "husky": "^9.0.11",
     "jsdom": "^24.0.0",
     "lint-staged": "^15.2.2",
@@ -115,8 +116,5 @@
     "commitizen": {
       "path": "./node_modules/cz-conventional-changelog"
     }
-  },
-  "dependencies": {
-    "@geometricpanda/storybook-addon-badges": "^2.0.5"
   }
 }