@phillips/seldon 1.149.2 → 1.150.1

package/dist/components/AddToCalendar/AddToCalendar.js

@@ -1,37 +1,30 @@
-import { jsx as e, jsxs as C } from "react/jsx-runtime";
-import { forwardRef as h, useState as u } from "react";
-import { getCommonProps as g, px as s } from "../../utils/index.js";
-import N from "../../node_modules/classnames/index.js";
-import { TextVariants as O } from "../Text/types.js";
-import T from "../Text/Text.js";
-import { Root as $, Trigger as x, Portal as y, Content as w, Item as A } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
-import I from "../Icon/Icon.js";
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import { forwardRef as C, useState as h } from "react";
+import { getCommonProps as g } from "../../utils/index.js";
+import u from "../../node_modules/classnames/index.js";
+import { TextVariants as N } from "../Text/types.js";
+import O from "../Text/Text.js";
+import { Root as T, Trigger as x, Portal as I, Content as A, Item as L } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import P from "../Icon/Icon.js";
 import "../Link/types.js";
-import L from "../Link/Link.js";
-import { generateGoogleCalendarLink as P, generateOutlookOnlineLink as R, generateYahooCalendarLink as S, generateCalendarFile as j } from "./calendarLinks.js";
-const G = h(
-  ({ className: c, event: o, label: d = "Add to calendar", linkElement: m = L, ...n }, b) => {
-    const { className: l, ...f } = g(n, "AddToCalendar"), [t, i] = u(!1), k = (a, r) => {
-      a === "file" ? j(o) : a === "link" && r && window.open(r, "_blank");
+import $ from "../Link/Link.js";
+import { generateGoogleCalendarLink as w, generateOutlookOnlineLink as R, generateYahooCalendarLink as S, generateCalendarFile as j } from "./calendarLinks.js";
+import y from "../IconButton/IconButton.js";
+const G = C(
+  ({ className: r, event: o, label: s = "Add to calendar", linkElement: d = $, ...n }, m) => {
+    const { className: l, ...c } = g(n, "AddToCalendar"), [t, f] = h(!1), k = (a, i) => {
+      a === "file" ? j(o) : a === "link" && i && window.open(i, "_blank");
     }, p = [
       { label: "iCalendar", action: "file" },
-      { label: "Google Calendar", action: "link", link: P(o) },
+      { label: "Google Calendar", action: "link", link: w(o) },
       { label: "Outlook", action: "file" },
       { label: "Outlook Online", action: "link", link: R(o) },
       { label: "Yahoo Calendar", action: "link", link: S(o) }
     ];
-    return /* @__PURE__ */ e("div", { ...f, className: N(l, c), ...n, ref: b, children: /* @__PURE__ */ C($, { open: t, onOpenChange: i, children: [
-      /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(
-        "button",
-        {
-          "aria-label": d,
-          className: `${s}-icon-button ${s}-icon-button--small ${l}-icon-button`,
-          type: "button",
-          children: /* @__PURE__ */ e(I, { icon: t ? "CloseX" : "Calendar" })
-        }
-      ) }),
-      /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
-        w,
+    return /* @__PURE__ */ e("div", { ...c, className: u(l, r), ...n, ref: m, children: /* @__PURE__ */ b(T, { open: t, onOpenChange: f, children: [
+      /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(P, { icon: t ? "CloseX" : "Calendar", title: s }) }) }),
+      /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(
+        A,
         {
           sideOffset: 5,
           align: "start",
@@ -39,15 +32,12 @@ const G = h(
           "data-side": "bottom",
           avoidCollisions: !1,
           className: `${l}-atcb-list`,
-          onKeyDown: (a) => {
-            a.key === "Tab" && i(!1);
-          },
           children: p.map((a) => /* @__PURE__ */ e(
-            A,
+            L,
             {
               className: `${l}-atcb-item`,
               onSelect: () => k(a.action, a.link),
-              children: a.action === "link" ? /* @__PURE__ */ e(m, { className: `${l}-atcb-item-link`, href: a.link, children: a.label }) : /* @__PURE__ */ e("button", { className: `${l}-atcb-item-link`, children: /* @__PURE__ */ e(T, { variant: O.body2, children: a.label }) })
+              children: a.action === "link" ? /* @__PURE__ */ e(d, { className: `${l}-atcb-item-link`, href: a.link, children: a.label }) : /* @__PURE__ */ e("button", { className: `${l}-atcb-item-link`, children: /* @__PURE__ */ e(O, { variant: N.body2, children: a.label }) })
             },
             a.label
           ))

package/dist/components/AddToCalendar/calendarLinks.js

@@ -1,89 +1,89 @@
-import { createEvent as y } from "../../node_modules/ics/dist/index.js";
+import { createEvent as u } from "../../node_modules/ics/dist/index.js";
 import { isValid as p } from "../../node_modules/date-fns/isValid.js";
-import { toZonedTime as d } from "../../node_modules/date-fns-tz/dist/esm/toZonedTime/index.js";
-import { addHours as m } from "../../node_modules/date-fns/addHours.js";
-import { formatDate as s } from "../../node_modules/date-fns/format.js";
-const i = {
+import { toZonedTime as m } from "../../node_modules/date-fns-tz/dist/esm/toZonedTime/index.js";
+import { formatDate as a } from "../../node_modules/date-fns/format.js";
+import { addHours as i } from "../../node_modules/date-fns/addHours.js";
+const l = {
   google: "https://calendar.google.com/calendar/u/0/r/eventedit",
   outlook: "https://outlook.office.com/calendar/0/deeplink/compose",
   yahoo: "https://calendar.yahoo.com/"
-}, h = () => {
+}, M = () => {
   try {
     return Intl.DateTimeFormat().resolvedOptions().timeZone;
   } catch {
     return console.warn("Unable to determine user's timezone. Using UTC as a fallback."), "UTC";
   }
-}, g = (t) => new URLSearchParams(t), l = (t, o) => {
-  if (!o.start || !p(o.start))
-    return console.error("Invalid event start date:", o), "#";
-  const e = h(), n = d(o.start, t === "google" ? o.timezone : e), r = o.end ? d(o.end, t === "google" ? o.timezone : e) : m(n, 1);
-  switch (t) {
+}, y = (o) => new URLSearchParams(o), d = (o, t) => {
+  if (!t.start || !p(t.start))
+    return console.error("Invalid event start date:", t), "#";
+  const e = M(), n = m(t.start, o === "google" ? t.timezone : e), r = t.end ? m(t.end, o === "google" ? t.timezone : e) : null;
+  switch (o) {
     case "google":
-      return k(n, r, o);
+      return H(n, r, t);
     case "outlook":
-      return f(n, r, o);
+      return h(n, r, t);
     case "yahoo":
-      return L(n, r, o);
+      return k(n, r, t);
     default:
-      return console.error("Invalid calendar type:", t), "#";
+      return console.error("Invalid calendar type:", o), "#";
   }
-}, k = (t, o, e) => {
-  const n = g({
+}, H = (o, t, e) => {
+  const n = y({
     text: e.title,
-    dates: `${s(t, "yyyyMMdd'T'HHmmss")}/${s(o, "yyyyMMdd'T'HHmmss")}`,
+    dates: t ? `${a(o, "yyyyMMdd'T'HHmmss")}/${a(t, "yyyyMMdd'T'HHmmss")}` : `${a(o, "yyyyMMdd'T'HHmmss")}/${a(i(o, 1), "yyyyMMdd'T'HHmmss")}`,
     ctz: e.timezone,
     details: e.description,
     location: e.location
-  }), r = new URL(i.google);
+  }), r = new URL(l.google);
   return r.search = n.toString(), r.toString();
-}, f = (t, o, e) => {
-  const n = g({
+}, h = (o, t, e) => {
+  const n = y({
     path: "/calendar/action/compose",
     rru: "addevent",
     subject: e.title,
-    startdt: s(t, "yyyy-MM-dd'T'HH:mm:ssXXX"),
-    enddt: s(o, "yyyy-MM-dd'T'HH:mm:ssXXX"),
+    startdt: a(o, "yyyy-MM-dd'T'HH:mm:ssXXX"),
+    enddt: t ? a(t, "yyyy-MM-dd'T'HH:mm:ssXXX") : a(i(o, 1), "yyyy-MM-dd'T'HH:mm:ssXXX"),
     body: e.description,
     location: e.location,
     allday: "false"
-  }), r = new URL(i.outlook);
+  }), r = new URL(l.outlook);
   return r.search = n.toString(), r.toString();
-}, L = (t, o, e) => {
-  const n = encodeURIComponent(e.title), r = encodeURIComponent(e.description), c = encodeURIComponent(e.location), a = s(t, "yyyyMMdd'T'HHmmss"), u = s(o, "yyyyMMdd'T'HHmmss");
-  return `${i.yahoo}?v=60&view=d&type=20&title=${n}&st=${a}&et=${u}&desc=${r}&in_loc=${c}`;
-}, T = (t) => l("google", t), $ = (t) => l("outlook", t), b = (t) => l("yahoo", t), w = (t) => {
-  if (!t.start) {
-    console.error("Invalid event start date:", t);
+}, k = (o, t, e) => {
+  const n = encodeURIComponent(e.title), r = encodeURIComponent(e.description), c = encodeURIComponent(e.location), s = a(o, "yyyyMMdd'T'HHmmss"), g = t ? a(t, "yyyyMMdd'T'HHmmss") : a(i(o, 1), "yyyyMMdd'T'HHmmss");
+  return `${l.yahoo}?v=60&view=d&type=20&title=${n}&st=${s}&et=${g}&desc=${r}&in_loc=${c}`;
+}, R = (o) => d("google", o), $ = (o) => d("outlook", o), X = (o) => d("yahoo", o), b = (o) => {
+  if (!o.start) {
+    console.error("Invalid event start date:", o);
     return;
   }
-  const o = t.end ? t.end : m(t.start, 1);
-  y(
+  const t = o.end ? o.end : i(o.start, 1);
+  u(
     {
-      title: t.title,
-      description: t.description,
+      title: o.title,
+      description: o.description,
       start: [
-        t.start.getFullYear(),
-        t.start.getMonth() + 1,
-        t.start.getDate(),
-        t.start.getHours(),
-        t.start.getMinutes()
+        o.start.getFullYear(),
+        o.start.getMonth() + 1,
+        o.start.getDate(),
+        o.start.getHours(),
+        o.start.getMinutes()
       ],
-      end: [o.getFullYear(), o.getMonth() + 1, o.getDate(), o.getHours(), o.getMinutes()],
-      location: t.location
+      end: [t.getFullYear(), t.getMonth() + 1, t.getDate(), t.getHours(), t.getMinutes()],
+      location: o.location
     },
     (e, n) => {
       if (e)
         console.error("Error creating iCalendar event:", e);
       else {
-        const r = new File([n], `${t.title}.ics`, { type: "text/calendar" }), c = URL.createObjectURL(r), a = document.createElement("a");
-        a.href = c, a.download = r.name, document.body.appendChild(a), a.click(), document.body.removeChild(a), URL.revokeObjectURL(c);
+        const r = new File([n], `${o.title}.ics`, { type: "text/calendar" }), c = URL.createObjectURL(r), s = document.createElement("a");
+        s.href = c, s.download = r.name, document.body.appendChild(s), s.click(), document.body.removeChild(s), URL.revokeObjectURL(c);
       }
     }
   );
 };
 export {
-  w as generateCalendarFile,
-  T as generateGoogleCalendarLink,
+  b as generateCalendarFile,
+  R as generateGoogleCalendarLink,
   $ as generateOutlookOnlineLink,
-  b as generateYahooCalendarLink
+  X as generateYahooCalendarLink
 };

package/dist/components/AddToCalendar/types.d.ts

@@ -2,7 +2,7 @@ export interface CalendarEvent {
     title: string;
     description: string;
     start: Date;
-    end: Date;
+    end: Date | null;
     location: string;
     timezone: string;
 }

package/dist/components/IconButton/IconButton.d.ts

@@ -26,5 +26,5 @@ export interface IconButtonProps extends Omit<React.HTMLAttributes<HTMLButtonEle
      */
     prefetch?: ButtonProps['prefetch'];
 }
-declare const IconButton: ({ children, variant, isDisabled, className, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export default IconButton;

package/dist/components/IconButton/IconButton.js

@@ -1,28 +1,27 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import c from "../../node_modules/classnames/index.js";
-import f from "../Button/Button.js";
-import { getCommonProps as p } from "../../utils/index.js";
-import { ButtonVariants as i } from "../Button/types.js";
-const I = ({
-  children: s,
-  variant: o = i.primary,
-  isDisabled: r = !1,
-  className: a,
-  ...t
-}) => {
-  const { className: m, ...n } = p(t, "IconButton");
-  return /* @__PURE__ */ e(
-    f,
-    {
-      ...n,
-      variant: o,
-      className: c(m, `${m}--${o}`, a),
-      isDisabled: r,
-      ...t,
-      children: s
-    }
-  );
-};
+import p from "../Button/Button.js";
+import { getCommonProps as i } from "../../utils/index.js";
+import { ButtonVariants as l } from "../Button/types.js";
+import { forwardRef as u } from "react";
+const B = u(
+  ({ children: r, variant: o = l.primary, isDisabled: s = !1, className: a, ...t }, n) => {
+    const { className: m, ...e } = i(t, "IconButton");
+    return /* @__PURE__ */ f(
+      p,
+      {
+        ...e,
+        variant: o,
+        className: c(m, `${m}--${o}`, a),
+        isDisabled: s,
+        ref: n,
+        ...t,
+        children: r
+      }
+    );
+  }
+);
+B.displayName = "IconButton";
 export {
-  I as default
+  B as default
 };

package/dist/components/IconButton/IconButton.stories.d.ts

@@ -1,7 +1,7 @@
 import { ButtonVariants } from '../Button/types';
 declare const meta: {
     title: string;
-    component: ({ children, variant, isDisabled, className, ...props }: import('./IconButton').IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').ForwardRefExoticComponent<import('./IconButton').IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
     argTypes: {
         variant: {
             options: ButtonVariants[];

package/dist/scss/components/AddToCalendar/_addToCalendar.scss

@@ -6,25 +6,26 @@
     width: 30px;
   }
 
-  &-icon-button {
-    background: none;
-    border: none;
-    cursor: pointer;
-
+  .#{$px}-icon-button {
     &:focus-visible {
       border-radius: 5px;
-      outline: 1px solid $medium-gray;
     }
   }
 
   &-atcb-list {
     background: #fff;
     border: 1px solid#ECEAE7;
-    padding: $spacing-sm;
   }
 
   &-atcb-item {
-    margin-bottom: $spacing-xsm;
+    padding: $spacing-xsm $spacing-sm;
+
+    &:hover,
+    &:focus-visible {
+      background-color: $light-gray;
+      cursor: pointer;
+      outline: none;
+    }
   }
 
   &-atcb-item-link {
@@ -43,22 +44,23 @@
     }
 
     &:hover {
-      color: #000;
+      border: none;
+      outline: none;
       text-decoration: none;
     }
 
-    &:focus-visible {
-      color: #000;
-      text-decoration: underline;
-      text-decoration-thickness: 1px;
-      text-underline-offset: $spacing-micro;
-    }
-
     span {
       @include text($body-size2);
 
       font-variation-settings: 'wght' 400;
       text-decoration: none;
+
+      &:hover,
+      &:focus-visible {
+        color: #000;
+        outline: none;
+        text-decoration: none;
+      }
     }
   }
 }

package/dist/scss/patterns/UserManagement/_userManagement.scss

@@ -57,10 +57,5 @@
   &__account-icon {
     height: 1.5rem;
     width: 1.5rem;
-
-    @include isHeaderDesktop {
-      height: 1rem;
-      width: 1rem;
-    }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.149.2",
+  "version": "1.150.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"