@boxcustodia/library 0.2.6 → 0.2.7

package/dist/index.es98.js

@@ -1,48 +1,94 @@
-import * as l from "react";
-import { composeRefs as u } from "./index.es142.js";
-import { j as c } from "./index.es84.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
-    });
-  }
-  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);
-}
+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" })
+        ]
+      }
+    )
+  ] }) });
+};
+F.displayName = "CalendarNavigation";
 export {
-  d as Slot,
-  m as Slottable
+  F as CalendarNavigation
 };

package/dist/index.es99.js

@@ -1,32 +1,39 @@
-import { j as o } from "./index.es84.js";
-import { useRef as r } from "react";
-import i from "./index.es143.js";
-import a from "./index.es111.js";
-import { cn as m } from "./index.es74.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)
-        }
-      )
-    }
-  );
+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
+    )) })
+  ] });
 };
-s.displayName = "LoadingIcon";
+M.displayName = "MonthView";
 export {
-  s as LoadingIcon
+  M as MonthView
 };

package/dist/style.css

@@ -1115,15 +1115,9 @@ video {
 .ui-max-w-\[500px\] {
   max-width: 500px;
 }
-.ui-max-w-full {
-  max-width: 100%;
-}
 .ui-max-w-lg {
   max-width: 32rem;
 }
-.ui-flex-1 {
-  flex: 1 1 0%;
-}
 .ui-shrink-0 {
   flex-shrink: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boxcustodia/library",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -28,6 +28,7 @@
     "prepare": "husky",
     "generate": "plop",
     "commit": "npx cz",
+    "pre-commit": "lint-staged",
     "release": "npm run build && npx standard-version && git push --follow-tags origin develop && npm publish"
   },
   "lint-staged": {
@@ -51,15 +52,15 @@
     "@radix-ui/react-select": "^2.1.1",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-use-controllable-state": "^1.0.1",
-    "@storybook/addon-essentials": "^8.1.2",
-    "@storybook/addon-interactions": "^8.1.2",
-    "@storybook/addon-links": "^8.1.2",
-    "@storybook/addon-onboarding": "^8.1.2",
+    "@storybook/addon-essentials": "8.3.6",
+    "@storybook/addon-interactions": "8.3.6",
+    "@storybook/addon-links": "8.3.6",
+    "@storybook/addon-onboarding": "8.3.6",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/blocks": "^8.1.2",
-    "@storybook/react": "^8.1.2",
-    "@storybook/react-vite": "^8.1.2",
-    "@storybook/test": "^8.1.2",
+    "@storybook/blocks": "8.3.6",
+    "@storybook/react": "8.3.6",
+    "@storybook/react-vite": "8.3.6",
+    "@storybook/test": "8.3.6",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
     "@testing-library/user-event": "^14.5.2",
@@ -82,7 +83,7 @@
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-storybook": "^0.10.1",
     "husky": "^9.0.11",
     "jsdom": "^24.0.0",
     "lint-staged": "^15.2.2",
@@ -95,7 +96,7 @@
     "react-hook-form": "^7.52.1",
     "react-transition-group": "^4.4.5",
     "standard-version": "^9.5.0",
-    "storybook": "^8.1.2",
+    "storybook": "8.3.6",
     "tailwind-merge": "^2.4.0",
     "tailwindcss": "^3.4.3",
     "tailwindcss-animate": "^1.0.7",
@@ -114,5 +115,8 @@
     "commitizen": {
       "path": "./node_modules/cz-conventional-changelog"
     }
+  },
+  "dependencies": {
+    "@geometricpanda/storybook-addon-badges": "^2.0.5"
   }
 }