laif-ds 0.1.86 → 0.1.88

package/dist/components/ui/weekly-calendar/appointment-card.js

@@ -1,93 +1,93 @@
 "use client";
-import { jsx as s, jsxs as l } from "react/jsx-runtime";
+import { jsx as l, jsxs as s } from "react/jsx-runtime";
 import { useMemo as n } from "react";
 import c from "../../../_virtual/dayjs.min.js";
 import { useCalendar as b } from "./calendar-context.js";
 import { l as m } from "../../../_virtual/lodash.js";
 import { hexContrast as v, hexToRgba as u, cn as g } from "../../../lib/utils.js";
-import { TooltipProvider as N, Tooltip as T, TooltipTrigger as y, TooltipContent as C } from "../tooltip.js";
+import { TooltipProvider as T, Tooltip as N, TooltipTrigger as y, TooltipContent as C } from "../tooltip.js";
 import { Typo as k } from "../typo.js";
-const S = ({ appointment: r }) => {
+const H = ({ appointment: e }) => {
   const { setSelectedAppointmentId: h } = b(), f = n(() => {
-    if (r.color)
+    if (e.color)
       return {
-        backgroundColor: u(r.color, 0.75),
-        borderColor: u(r.color, 1),
-        color: v(r.color),
+        backgroundColor: u(e.color, 0.75),
+        borderColor: u(e.color, 1),
+        color: v(e.color),
         backdropFilter: "blur(5px)"
       };
-  }, [r.color]), t = r.endTime || c(`2000-01-01 ${r.startTime}`).add(1, "hour").format("HH:mm"), x = n(() => {
-    const e = c(`2000-01-01 ${r.startTime}`), a = c(`2000-01-01 ${t}`).diff(e, "minute"), i = Math.floor(a / 60), d = a % 60;
+  }, [e.color]), o = e.endTime || c(`2000-01-01 ${e.startTime}`).add(1, "hour").format("HH:mm"), x = n(() => {
+    const r = c(`2000-01-01 ${e.startTime}`), a = c(`2000-01-01 ${o}`).diff(r, "minute"), i = Math.floor(a / 60), d = a % 60;
     return i === 0 ? `${d}m` : d === 0 ? `${i}h` : `${i}h ${d}m`;
-  }, [r.startTime, t]);
-  return /* @__PURE__ */ s(N, { delayDuration: 300, children: /* @__PURE__ */ l(T, { children: [
-    /* @__PURE__ */ s(y, { asChild: !0, children: /* @__PURE__ */ l(
+  }, [e.startTime, o]);
+  return /* @__PURE__ */ l(T, { delayDuration: 300, children: /* @__PURE__ */ s(N, { children: [
+    /* @__PURE__ */ l(y, { asChild: !0, children: /* @__PURE__ */ s(
       "div",
       {
-        onClick: (e) => {
-          e.preventDefault(), e.stopPropagation(), h(r.id);
+        onClick: (r) => {
+          r.preventDefault(), r.stopPropagation(), h(e.id);
         },
         style: f,
         className: g(
           "border-d-border flex h-full cursor-pointer flex-col justify-start rounded-r-md border border-l-4 p-2 shadow-md transition-all duration-200 ease-in-out hover:scale-105",
-          r.className
+          e.className
         ),
         children: [
-          /* @__PURE__ */ s("div", { className: "text-sm font-semibold", children: r?.title?.length > 15 ? r?.title?.slice(0, 15) + "..." : r?.title }),
-          /* @__PURE__ */ l("div", { className: "text-xs", children: [
-            r?.startTime,
+          /* @__PURE__ */ l("div", { className: "text-sm font-semibold", children: e?.title?.length > 15 ? e?.title?.slice(0, 15) + "..." : e?.title }),
+          /* @__PURE__ */ s("div", { className: "text-xs", children: [
+            e?.startTime,
             " - ",
-            t
+            o
           ] }),
-          r?.attributes?.filter((e) => e.showPreview).map((e, o) => /* @__PURE__ */ l(
+          e?.attributes?.filter((r) => r.showPreview).map((r, t) => /* @__PURE__ */ s(
             "div",
             {
               className: "bg-d-background/30 mt-1 rounded p-1 text-xs",
               children: [
-                /* @__PURE__ */ s("span", { className: "font-semibold", children: e.key }),
+                /* @__PURE__ */ l("span", { className: "font-semibold", children: r.key }),
                 ":",
                 " ",
-                /* @__PURE__ */ s("span", { className: "font-medium", children: e.value })
+                /* @__PURE__ */ l("span", { className: "font-medium", children: r.value })
               ]
             },
-            o
+            t
           ))
         ]
       }
     ) }),
-    /* @__PURE__ */ l(C, { side: "right", variant: "card", children: [
-      r?.title && /* @__PURE__ */ l(k, { children: [
-        r?.title,
+    /* @__PURE__ */ s(C, { side: "right", variant: "card", children: [
+      e?.title && /* @__PURE__ */ s(k, { children: [
+        e?.title,
         " (",
         x,
         ")"
       ] }),
-      /* @__PURE__ */ l("div", { className: "text-d-accent-foreground", children: [
-        r?.startTime,
+      /* @__PURE__ */ s("div", { className: "text-d-accent-foreground", children: [
+        e?.startTime,
         " - ",
-        t
+        o
       ] }),
-      /* @__PURE__ */ l("div", { className: "mt-2 mb-3.5 flex flex-col", children: [
-        /* @__PURE__ */ s("span", { className: "font-medium", children: "Descrizione:" }),
-        /* @__PURE__ */ s("span", { className: "text-d-accent-foreground text-xs", children: r?.description || "-" })
+      /* @__PURE__ */ s("div", { className: "mt-2 mb-3.5 flex flex-col", children: [
+        /* @__PURE__ */ l("span", { className: "font-medium", children: "Descrizione:" }),
+        /* @__PURE__ */ l("span", { className: "text-d-accent-foreground text-xs", children: e?.description || "-" })
       ] }),
-      r?.attributes && r.attributes.length > 0 && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("div", { className: "space-y-1", children: r.attributes.map((e, o) => /* @__PURE__ */ l(
+      e?.attributes && e.attributes.filter((r) => r.showTooltip).length > 0 && /* @__PURE__ */ l("div", { className: "space-y-1", children: e.attributes.filter((r) => r.showTooltip).map((r, t) => /* @__PURE__ */ s(
         "div",
         {
           className: "flex items-start justify-between gap-4 py-1 text-right",
           children: [
-            /* @__PURE__ */ l("span", { className: "font-medium", children: [
-              m.upperFirst(e.key),
+            /* @__PURE__ */ s("span", { className: "font-medium", children: [
+              m.upperFirst(r.key),
               ":"
             ] }),
-            /* @__PURE__ */ s("span", { className: "text-d-accent-foreground max-w-[200px]", children: m.upperFirst(e.value?.toString() || "") })
+            /* @__PURE__ */ l("span", { className: "text-d-accent-foreground max-w-[200px]", children: typeof r.value == "string" ? m.upperFirst(r.value) : r.value })
           ]
         },
-        o
-      )) }) })
+        t
+      )) })
     ] })
   ] }) });
 };
 export {
-  S as AppointmentCard
+  H as AppointmentCard
 };

package/dist/components/ui/weekly-calendar/day-column.js

@@ -47,7 +47,7 @@ const F = ({ date: d, weekdayInfo: h }) => {
           "div",
           {
             className: m(
-              "bg-d-card border-b-d-border sticky top-0 h-14 border-r border-b backdrop-blur-sm",
+              "bg-d-card border-b-d-border sticky top-0 h-14 border-b backdrop-blur-sm",
               "flex items-center pl-3",
               s ? "!border-t-d-primary border-t-3" : "border-d-border"
             ),

package/dist/index.d.ts

@@ -187,7 +187,7 @@ export declare function AspectRatio({ ...props }: AspectRatioProps): JSX.Element
 
 declare type AspectRatioProps = React.ComponentProps<typeof AspectRatioPrimitive.Root>;
 
-export declare function AsyncSelect<T>({ fetcher, preload, filterFn, renderOption, getOptionValue, getDisplayValue, notFound, loadingSkeleton, label, labelClassName, placeholder, value, onChange, disabled, width, className, triggerClassName, noResultsMessage, clearable, size, }: AsyncSelectProps<T>): JSX.Element;
+export declare function AsyncSelect<T>({ fetcher, preload, filterFn, renderOption, getOptionValue, getDisplayValue, notFound, loadingSkeleton, label, labelClassName, placeholder, value, onChange, disabled, width, triggerClassName, noResultsMessage, clearable, size, }: AsyncSelectProps<T>): JSX.Element;
 
 declare interface AsyncSelectProps<T> extends VariantProps<typeof asyncSelectTriggerVariants> {
     fetcher: (query?: string) => Promise<T[]>;
@@ -204,8 +204,7 @@ declare interface AsyncSelectProps<T> extends VariantProps<typeof asyncSelectTri
     labelClassName?: string;
     placeholder?: string;
     disabled?: boolean;
-    width?: string | number;
-    className?: string;
+    width?: string | number | "auto";
     triggerClassName?: string;
     noResultsMessage?: string;
     clearable?: boolean;
@@ -294,8 +293,9 @@ export declare interface CalendarAppointment {
     color?: string;
     attributes?: {
         key: string;
-        value: default_3.ReactNode;
+        value: default_3.ReactNode | string;
         showPreview?: boolean;
+        showTooltip?: boolean;
     }[];
     className?: string;
     groupBy?: string;