@boxcustodia/library 0.3.3 → 0.3.5

package/dist/index.d.ts

@@ -25,6 +25,7 @@ import { ListIterateeCustom } from 'lodash';
 import { LucideIcon } from 'lucide-react';
 import { LucideProps } from 'lucide-react';
 import { MutableRefObject } from 'react';
+import { Omit as Omit_2 } from 'lodash';
 import { PopoverAnchor } from '@radix-ui/react-popover';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { Presence } from '@radix-ui/react-presence';
@@ -184,8 +185,6 @@ export declare const Button: ForwardRefExoticComponent<Omit<Props_3, "ref"> & Re
 
 declare type ButtonProps = ComponentProps<typeof Button>;
 
-declare type ButtonProps_2 = ComponentPropsWithoutRef<typeof Button>;
-
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "secondary" | "error" | "success" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
@@ -991,13 +990,10 @@ declare type Props_27 = {
     titleProps?: HTMLProps<HTMLHeadingElement>;
     descriptionClassName?: ClassName;
     descriptionProps?: HTMLProps<HTMLParagraphElement>;
-} & Omit<HTMLProps<HTMLDivElement>, "id"> & IToast;
-
-declare interface Props_28 extends ButtonProps_2 {
-    toastId: IToast["id"];
-}
+    iconClassName?: ClassName;
+} & Omit_2<HTMLProps<HTMLDivElement>, "id"> & Omit_2<IToast, "id">;
 
-declare type Props_29 = ComponentProps<typeof PopoverAnchor> & {
+declare type Props_28 = ComponentProps<typeof PopoverAnchor> & {
     /**
      * El texto que aparecera en el tooltip
      */
@@ -1009,13 +1005,13 @@ declare type Props_29 = ComponentProps<typeof PopoverAnchor> & {
     offset?: ComponentPropsWithoutRef<typeof PopoverContent>["sideOffset"];
 };
 
-declare type Props_3 = BaseButtonProps & VariantProps<typeof buttonVariants>;
-
-declare interface Props_30<T> extends UseAsyncOptions<T> {
+declare interface Props_29<T> extends UseAsyncOptions<T> {
     fn: () => Promise<T>;
     dependencies?: DependencyList;
 }
 
+declare type Props_3 = BaseButtonProps & VariantProps<typeof buttonVariants>;
+
 declare interface Props_4 extends ButtonHTMLAttributes<HTMLButtonElement> {
     asChild?: boolean;
     loading?: boolean;
@@ -1342,7 +1338,7 @@ export declare const TextArea: ForwardRefExoticComponent<Omit<TextAreaProps, "re
 
 declare type TextAreaProps = HTMLProps<HTMLTextAreaElement>;
 
-export declare const Toast: ForwardRefExoticComponent<Omit<Props_27, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const Toast: ForwardRefExoticComponent<globalThis.Omit<Props_27, "ref"> & RefAttributes<HTMLDivElement>>;
 
 export declare const toast: {
     (args: ToastProperties): void;
@@ -1353,17 +1349,14 @@ export declare const toast: {
 
 export declare type ToastArgs = string | Omit<ToastProperties, "type">;
 
-export declare const ToastClose: {
-    ({ toastId, ...props }: Props_28): JSX_2.Element;
-    displayName: string;
-};
-
 export declare const Toaster: {
-    (props: ToasterProps): JSX_2.Element;
+    ({ iconClassName, ...props }: ToasterProps): JSX_2.Element;
     displayName: string;
 };
 
-export declare type ToasterProps = React.ComponentProps<"div">;
+export declare type ToasterProps = React.ComponentProps<"div"> & {
+    iconClassName?: string;
+};
 
 export declare const ToastIcons: Record<ToastType, ComponentType<LucideProps>>;
 
@@ -1386,7 +1379,7 @@ export declare interface ToastState {
 export declare type ToastType = "info" | "success" | "error";
 
 export declare const Tooltip: {
-    ({ label, open: prop, defaultOpen: defaultProp, onOpenChange: onChange, className, side, offset, ...props }: Props_29): JSX_2.Element;
+    ({ label, open: prop, defaultOpen: defaultProp, onOpenChange: onChange, className, side, offset, ...props }: Props_28): JSX_2.Element;
     displayName: string;
 };
 
@@ -1475,7 +1468,7 @@ export declare function useArray<T>(defaultProp: T[]): readonly [T[], {
     readonly update: (predicate: ListIterateeCustom<T, boolean>, newItem: T | ((item: T) => T)) => void;
 }];
 
-export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }: Props_30<T>): AsyncState<T>;
+export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }: Props_29<T>): AsyncState<T>;
 
 declare interface UseAsyncOptions<T> {
     onError?: (error: Error) => void;

package/dist/index.es.js

@@ -73,20 +73,19 @@ import { Tag as et } from "./index.es73.js";
 import { tagVariants as rt } from "./index.es74.js";
 import { TextArea as at } from "./index.es75.js";
 import { Toast as mt } from "./index.es76.js";
-import { ToastClose as ft } from "./index.es77.js";
-import { Toaster as xt } from "./index.es78.js";
-import { toast as nt, useToastStore as it } from "./index.es79.js";
-import { ToastIcons as gt } from "./index.es80.js";
-import { Tooltip as Ct } from "./index.es81.js";
-import { Tree as St } from "./index.es82.js";
-import { cn as Dt, twMerge as Mt } from "./index.es83.js";
-import { extractInitials as At } from "./index.es84.js";
-import { mergeRefs as Pt } from "./index.es85.js";
-import { ensureReactElement as yt } from "./index.es86.js";
-import { createSafeContext as vt } from "./index.es87.js";
-import { getFormData as Bt } from "./index.es88.js";
-import { click as wt } from "./index.es89.js";
-import { type as Ht } from "./index.es90.js";
+import { Toaster as ft } from "./index.es77.js";
+import { toast as xt, useToastStore as st } from "./index.es78.js";
+import { ToastIcons as it } from "./index.es79.js";
+import { Tooltip as gt } from "./index.es80.js";
+import { Tree as Ct } from "./index.es81.js";
+import { cn as St, twMerge as bt } from "./index.es82.js";
+import { extractInitials as Mt } from "./index.es83.js";
+import { mergeRefs as At } from "./index.es84.js";
+import { ensureReactElement as Pt } from "./index.es85.js";
+import { createSafeContext as yt } from "./index.es86.js";
+import { getFormData as vt } from "./index.es87.js";
+import { click as Bt } from "./index.es88.js";
+import { type as wt } from "./index.es89.js";
 export {
   q as AlertDialog,
   le as AutoComplete,
@@ -200,29 +199,28 @@ export {
   et as Tag,
   at as TextArea,
   mt as Toast,
-  ft as ToastClose,
-  gt as ToastIcons,
-  xt as Toaster,
-  Ct as Tooltip,
-  St as Tree,
+  it as ToastIcons,
+  ft as Toaster,
+  gt as Tooltip,
+  Ct as Tree,
   Ye as UploadAcceptedFiles,
   $e as UploadContent,
   eo as UploadItem,
   oo as UploadRejectedFiles,
   ro as UploadRoot,
   to as UploadTrigger,
-  wt as click,
-  Dt as cn,
-  vt as createSafeContext,
-  yt as ensureReactElement,
-  At as extractInitials,
-  Bt as getFormData,
-  Pt as mergeRefs,
+  Bt as click,
+  St as cn,
+  yt as createSafeContext,
+  Pt as ensureReactElement,
+  Mt as extractInitials,
+  vt as getFormData,
+  At as mergeRefs,
   Se as monthNames,
   rt as tagVariants,
-  nt as toast,
-  Mt as twMerge,
-  Ht as type,
+  xt as toast,
+  bt as twMerge,
+  wt as type,
   k as useArray,
   U as useAsync,
   b as useClickOutside,
@@ -247,7 +245,7 @@ export {
   I as useRangePagination,
   x as useSelection,
   T as useStep,
-  it as useToastStore,
+  st as useToastStore,
   r as useToggle,
   be as weeksDays
 };

package/dist/index.es10.js

@@ -1,5 +1,5 @@
 import { useState as a } from "react";
-import { l as i } from "./index.es93.js";
+import { l as i } from "./index.es116.js";
 function l(n, c) {
   const [e, r] = a(0), o = c ?? n.length, d = () => {
     r((t) => t >= o - 1 ? t : t + 1);

package/dist/index.es100.js

@@ -1,48 +1,57 @@
-import * as l from "react";
-import { composeRefs as u } from "./index.es158.js";
-import { j as c } from "./index.es95.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 });
+import { useControllableState as b } from "./index.es99.js";
+import { l as o } from "./index.es116.js";
+import { createContext as h } from "react";
+import { isDateRange as f } from "./index.es119.js";
+import w from "./index.es158.js";
+import y from "./index.es159.js";
+import A from "./index.es160.js";
+import { isDate as u } from "./index.es121.js";
+const B = h({
+  defaultStartDate: /* @__PURE__ */ new Date(),
+  mode: "single",
+  isSingleMode: !1,
+  isRangeMode: !1,
+  selected: void 0,
+  selectDate: () => {
+  },
+  isSelected: () => !1,
+  isFirstDayFromRange: () => !1,
+  isLastDayFromRange: () => !1,
+  isInRange: () => !1
 });
-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);
+function G(d) {
+  const { mode: r, value: c, defaultValue: g, onChange: m, disabled: p } = d, a = r === "single", s = r === "range", l = r === "multiple", [e, n] = b({
+    prop: c,
+    onChange: m,
+    defaultProp: g
+  }), { selectSingleDate: D, isSingleSelected: S } = A(
+    u(e) ? e : void 0,
+    n
+  ), { selectRangeDate: C, isInRange: i, ...M } = y(
+    f(e) ? e : void 0,
+    n,
+    p
+  ), { selectMultipleDate: R, isMultipleSelected: v } = w(
+    o.isArray(e) ? e : void 0,
+    n
+  ), x = (t) => {
+    if (a) return D(t);
+    if (s) return C(t);
+    if (l) return R(t);
+  }, F = (t) => a ? S(t) : s ? i(t) : l ? v(t) : !1;
+  return {
+    defaultStartDate: u(e) ? e : o.isArray(e) ? e[0] : f(e) && e.start ? e.start : /* @__PURE__ */ new Date(),
+    isSingleMode: a,
+    isRangeMode: s,
+    selected: e,
+    isSelected: F,
+    selectDate: x,
+    isInRange: i,
+    mode: r,
+    ...M
+  };
 }
 export {
-  d as Slot,
-  m as Slottable
+  B as CalendarContext,
+  G as default
 };

package/dist/index.es101.js

@@ -1,32 +1,57 @@
-import { j as o } from "./index.es95.js";
-import { useRef as r } from "react";
-import i from "./index.es159.js";
-import a from "./index.es126.js";
-import { cn as m } from "./index.es83.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 { useState as m, useMemo as f } from "react";
+import { parse as D } from "./index.es221.js";
+import { startOfToday as M } from "./index.es222.js";
+import { addMonths as y } from "./index.es223.js";
+import { addYears as a } from "./index.es224.js";
+import { formatDate as s } from "./index.es122.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);
     }
-  );
-};
-s.displayName = "LoadingIcon";
+  };
+}
 export {
-  s as LoadingIcon
+  w as default
 };

package/dist/index.es102.js

@@ -1,32 +1,94 @@
-import * as l from "react";
-import { useCallbackRef as f } from "./index.es160.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;
-}
+import { j as t } from "./index.es92.js";
+import { l as m } from "./index.es116.js";
+import { useMemo as z } from "react";
+import I from "./index.es140.js";
+import O from "./index.es126.js";
+import { formatDate as n } from "./index.es122.js";
+import { eachYearOfInterval as B } from "./index.es206.js";
+import { startOfDecade as E } from "./index.es207.js";
+import { endOfDecade as R } from "./index.es208.js";
+import { es as $ } from "./index.es209.js";
+import { Button as u } from "./index.es30.js";
+import { cn as w } from "./index.es82.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 {
-  R as useControllableState
+  F as CalendarNavigation
 };

package/dist/index.es103.js

@@ -1,57 +1,39 @@
-import { useControllableState as b } from "./index.es102.js";
-import { l as o } from "./index.es93.js";
-import { createContext as h } from "react";
-import { isDateRange as f } from "./index.es112.js";
-import w from "./index.es161.js";
-import y from "./index.es162.js";
-import A from "./index.es163.js";
-import { isDate as u } from "./index.es114.js";
-const B = h({
-  defaultStartDate: /* @__PURE__ */ new Date(),
-  mode: "single",
-  isSingleMode: !1,
-  isRangeMode: !1,
-  selected: void 0,
-  selectDate: () => {
-  },
-  isSelected: () => !1,
-  isFirstDayFromRange: () => !1,
-  isLastDayFromRange: () => !1,
-  isInRange: () => !1
-});
-function G(d) {
-  const { mode: r, value: c, defaultValue: g, onChange: m, disabled: p } = d, a = r === "single", s = r === "range", l = r === "multiple", [e, n] = b({
-    prop: c,
-    onChange: m,
-    defaultProp: g
-  }), { selectSingleDate: D, isSingleSelected: S } = A(
-    u(e) ? e : void 0,
-    n
-  ), { selectRangeDate: C, isInRange: i, ...M } = y(
-    f(e) ? e : void 0,
-    n,
-    p
-  ), { selectMultipleDate: R, isMultipleSelected: v } = w(
-    o.isArray(e) ? e : void 0,
-    n
-  ), x = (t) => {
-    if (a) return D(t);
-    if (s) return C(t);
-    if (l) return R(t);
-  }, F = (t) => a ? S(t) : s ? i(t) : l ? v(t) : !1;
-  return {
-    defaultStartDate: u(e) ? e : o.isArray(e) ? e[0] : f(e) && e.start ? e.start : /* @__PURE__ */ new Date(),
-    isSingleMode: a,
-    isRangeMode: s,
-    selected: e,
-    isSelected: F,
-    selectDate: x,
-    isInRange: i,
-    mode: r,
-    ...M
-  };
-}
+import { j as r } from "./index.es92.js";
+import { useMemo as a } from "react";
+import { Day as c } from "./index.es210.js";
+import { WeekDays as h } from "./index.es215.js";
+import { startOfWeek as x } from "./index.es216.js";
+import { endOfWeek as l } from "./index.es217.js";
+import { endOfMonth as u } from "./index.es218.js";
+import { eachDayOfInterval as j } from "./index.es219.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";
 export {
-  B as CalendarContext,
-  G as default
+  M as MonthView
 };