@phillips/seldon 1.145.1 → 1.146.0

package/dist/_virtual/index5.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var r = {};
 export {
-  e as __module
+  r as __exports
 };

package/dist/_virtual/index6.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var e = {};
 export {
-  e as __module
+  e as __exports
 };

package/dist/_virtual/index7.js

@@ -1,4 +1,4 @@
-var r = {};
+var e = { exports: {} };
 export {
-  r as __exports
+  e as __module
 };

package/dist/_virtual/index8.js

@@ -1,4 +1,4 @@
-var e = {};
+var e = { exports: {} };
 export {
-  e as __exports
+  e as __module
 };

package/dist/components/Loader/Loader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+import * as PrimitiveToast from '@radix-ui/react-toast';
+export interface PrimitiveToastProps extends Omit<PrimitiveToast.ToastProps, 'title'> {
+    /**
+     * The content to display as the toast's title.
+     */
+    title: ReactNode;
+    /**
+     * Optional element to serve as an action within the toast.
+     */
+    actionElement?: ReactNode;
+    /**
+     * Alternative text for the action element for accessibility.
+     */
+    actionAltText?: string;
+    /**
+     * Title for the close button for accessibility.
+     */
+    closeButtonLabel?: string;
+}
+/**
+ * ## Overview
+ *
+ * Toast is a non-disruptive message component that appears temporarily to provide
+ * brief notifications to the user. It contains a title, a close button, and an optional action button or link.
+ *
+ * Use the `useToast` hook to trigger toast notifications programmatically from any component.
+ *
+ * This component requires a `ToastProvider` to be present in your application. Make sure to
+ * wrap your application or the relevant section with the `ToastProvider` component.
+ *
+ * [Figma Link](https://www.figma.com/design/f3vm6hItGjnsmkJxLLbe3P/MANAGE---MUI-v5.9.0--24?node-id=6586-47081&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-toast--overview)
+ *
+ * [Radix UI Toast Documentation](https://www.radix-ui.com/docs/primitives/components/toast)
+ */
+declare const Toast: import('react').ForwardRefExoticComponent<PrimitiveToastProps & import('react').RefAttributes<HTMLLIElement>>;
+export default Toast;

package/dist/components/Toast/Toast.js

@@ -0,0 +1,24 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { getCommonProps as p } from "../../utils/index.js";
+import f from "../../node_modules/classnames/index.js";
+import { Root as h, Title as N, Action as u, Close as C } from "../../node_modules/@radix-ui/react-toast/dist/index.js";
+import _ from "../Icon/Icon.js";
+import T from "../IconButton/IconButton.js";
+import { ButtonVariants as $ } from "../Button/types.js";
+const x = d(
+  ({ className: i, title: m, actionElement: a, actionAltText: s, closeButtonLabel: t, ...l }, n) => {
+    const { className: r, ...c } = p(l, "Toast");
+    return /* @__PURE__ */ e(h, { ...c, className: f(r, i), ref: n, children: [
+      /* @__PURE__ */ e("div", { className: `${r}__content`, children: [
+        /* @__PURE__ */ o(N, { children: m }),
+        a && s && /* @__PURE__ */ o(u, { asChild: !0, altText: s, className: `${r}__action`, children: a })
+      ] }),
+      /* @__PURE__ */ o(C, { className: `${r}__close`, "aria-label": t, asChild: !0, children: /* @__PURE__ */ o(T, { variant: $.link, children: /* @__PURE__ */ o(_, { icon: "CloseX", title: t, color: "$white", "aria-hidden": !0 }) }) })
+    ] });
+  }
+);
+x.displayName = "Toast";
+export {
+  x as default
+};

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

@@ -0,0 +1,16 @@
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Toast').PrimitiveToastProps & import('react').RefAttributes<HTMLLIElement>>;
+};
+export default meta;
+export declare const Playground: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toast/Toast.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Toast/ToastContextProvider.d.ts

@@ -0,0 +1,19 @@
+import { PropsWithChildren } from 'react';
+import { default as Toast, PrimitiveToastProps } from './Toast';
+interface Toast extends PrimitiveToastProps {
+    id: string;
+}
+export interface ToastContextType {
+    toasts: Toast[];
+    addToast: (toast: Omit<Toast, 'id'>) => void;
+    removeToast: (id: string) => void;
+}
+/**
+ * Context for managing toast notifications
+ */
+export declare const ToastContext: import('react').Context<ToastContextType | undefined>;
+/**
+ * Provider component that manages toast notifications state and operations
+ */
+export declare const ToastProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Toast/ToastContextProvider.js

@@ -0,0 +1,35 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { Provider as l, Viewport as v } from "../../node_modules/@radix-ui/react-toast/dist/index.js";
+import { createContext as f, useState as x, useCallback as m } from "react";
+import T from "./Toast.js";
+import { px as u } from "../../utils/index.js";
+import C from "../../node_modules/uuid/dist/esm-browser/v4.js";
+const h = f(void 0), N = ({ children: n }) => {
+  const [s, i] = x([]), c = m((o) => {
+    const t = C();
+    i((r) => [...r, { ...o, id: t }]);
+  }, []), a = m((o) => {
+    i((t) => t.filter((r) => r.id !== o));
+  }, []), d = {
+    toasts: s,
+    addToast: c,
+    removeToast: a
+  };
+  return /* @__PURE__ */ e(h.Provider, { value: d, children: /* @__PURE__ */ p(l, { children: [
+    n,
+    /* @__PURE__ */ e(v, { className: `${u}-toast-viewport` }),
+    s.map((o) => /* @__PURE__ */ e(
+      T,
+      {
+        ...o,
+        onOpenChange: (t) => !t && a(o.id),
+        title: o.title ?? ""
+      },
+      o.id
+    ))
+  ] }) });
+};
+export {
+  h as ToastContext,
+  N as ToastProvider
+};

package/dist/components/Toast/ToastContextProvider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Toast/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Toast } from './Toast';
+export { ToastProvider } from './ToastContextProvider';
+export { useToast } from './useToast';

package/dist/components/Toast/useToast.d.ts

@@ -0,0 +1,3 @@
+import { PrimitiveToastProps as ToastProps } from './Toast';
+import { ReactNode } from 'react';
+export declare const useToast: () => (options: ToastProps | ReactNode) => void;

package/dist/components/Toast/useToast.js

@@ -0,0 +1,10 @@
+import { useToastContext as s } from "./useToastContext.js";
+const l = () => {
+  const { addToast: e } = s();
+  return (t) => {
+    typeof t == "object" && t !== null && "title" in t ? e(t) : e({ title: t });
+  };
+};
+export {
+  l as useToast
+};

package/dist/components/Toast/useToast.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Toast/useToastContext.d.ts

@@ -0,0 +1,7 @@
+import { ToastContextType } from './ToastContextProvider';
+export declare const fallbackContext: ToastContextType;
+/**
+ * Custom hook to access the toast context
+ * Returns fallback context if used outside provider
+ */
+export declare const useToastContext: () => ToastContextType;

package/dist/components/Toast/useToastContext.js

@@ -0,0 +1,16 @@
+import { useContext as o } from "react";
+import { ToastContext as e } from "./ToastContextProvider.js";
+const s = {
+  toasts: [],
+  addToast: () => {
+  },
+  removeToast: () => {
+  }
+}, a = () => {
+  const t = o(e);
+  return t === void 0 ? (console.warn("useToastContext must be used within a ToastProvider"), s) : t;
+};
+export {
+  s as fallbackContext,
+  a as useToastContext
+};

package/dist/index.d.ts

@@ -74,6 +74,7 @@ export * from './components/FavoritingTileButton';
 export * from './components/Filter';
 export * from './components/Icon';
 export * from './components/TextArea';
+export * from './components/Toast';
 export * from './components/AddToCalendar';
 export * from './patterns/AccountPageHeader';
 export * from './patterns/BidSnapshot';

package/dist/index.js

@@ -1,10 +1,10 @@
-import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as i, getCommonProps as n, noOp as x, px as g, useNormalizedInputProps as c } from "./utils/index.js";
+import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as i, getCommonProps as x, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as C } from "./pages/Page.js";
-import { SSRMediaQuery as B, ssrMediaQueryStyle as A } from "./providers/SeldonProvider/utils.js";
-import { usePendingState as P } from "./utils/hooks.js";
+import { SSRMediaQuery as B, ssrMediaQueryStyle as P } from "./providers/SeldonProvider/utils.js";
+import { usePendingState as L } from "./utils/hooks.js";
 import { AuctionStatus as b, LotStatus as V, SupportedLanguages as h } from "./types/commonTypes.js";
-import { default as w } from "./components/Button/Button.js";
-import { ButtonVariants as v } from "./components/Button/types.js";
+import { default as v } from "./components/Button/Button.js";
+import { ButtonVariants as y } from "./components/Button/types.js";
 import { default as D } from "./components/IconButton/IconButton.js";
 import { default as M } from "./components/Accordion/Accordion.js";
 import { default as E } from "./components/Accordion/AccordionItem.js";
@@ -24,15 +24,15 @@ import { default as se } from "./components/Collapsible/CollapsibleTrigger.js";
 import { default as de } from "./components/ContentPeek/ContentPeek.js";
 import { HeightUnits as pe } from "./components/ContentPeek/utils.js";
 import { default as ie } from "./components/Detail/Detail.js";
-import { default as xe } from "./components/Drawer/Drawer.js";
+import { default as ne } from "./components/Drawer/Drawer.js";
 import { default as ce } from "./components/Dropdown/Dropdown.js";
 import { default as Ce } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { Grid as Be } from "./components/Grid/Grid.js";
-import { default as Le } from "./components/GridItem/GridItem.js";
+import { default as Ae } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as Ie } from "./components/GridItem/types.js";
 import { default as Ve } from "./components/Input/Input.js";
 import { default as ke } from "./components/Link/Link.js";
-import { LinkVariants as ye } from "./components/Link/types.js";
+import { LinkVariants as we } from "./components/Link/types.js";
 import { default as He } from "./components/LinkBlock/LinkBlock.js";
 import { default as Fe } from "./components/LinkList/LinkList.js";
 import { default as Ne } from "./components/Modal/Modal.js";
@@ -50,15 +50,15 @@ import { SelectVariants as at } from "./components/Select/types.js";
 import { default as st } from "./components/SplitPanel/SplitPanel.js";
 import { default as dt } from "./components/Tabs/TabsContainer.js";
 import { default as pt } from "./components/Tabs/TabsContent.js";
-import { Tag as it, default as nt } from "./components/Tags/Tags.js";
+import { Tag as it, default as xt } from "./components/Tags/Tags.js";
 import { TextAlignments as gt, TextVariants as ct } from "./components/Text/types.js";
 import { default as Ct } from "./components/Text/Text.js";
 import { TextSymbolVariants as Bt } from "./components/TextSymbol/types.js";
-import { default as Lt } from "./components/TextSymbol/TextSymbol.js";
+import { default as At } from "./components/TextSymbol/TextSymbol.js";
 import { default as It } from "./components/Video/Video.js";
 import { default as Vt } from "./patterns/DetailList/DetailList.js";
 import { DetailListAlignment as kt } from "./patterns/DetailList/types.js";
-import { default as yt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
+import { default as wt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
 import { default as Ht } from "./patterns/HeroBanner/HeroBanner.js";
 import { default as Ft } from "./patterns/LanguageSelector/LanguageSelector.js";
 import { default as Nt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
@@ -76,38 +76,41 @@ import { default as ao } from "./components/PageContentWrapper/PageContentWrappe
 import { default as so } from "./site-furniture/Footer/Footer.js";
 import { default as mo } from "./site-furniture/Header/Header.js";
 import { default as uo } from "./components/Article/Article.js";
-import { default as no } from "./components/Countdown/Countdown.js";
+import { default as xo } from "./components/Countdown/Countdown.js";
 import { CountdownVariants as go } from "./components/Countdown/types.js";
 import { default as So } from "./components/Divider/Divider.js";
 import { default as To } from "./components/FavoritingTileButton/FavoritingTileButton.js";
-import { default as Ao } from "./components/Filter/Filter.js";
-import { default as Po } from "./components/Filter/FilterInput.js";
+import { default as Po } from "./components/Filter/Filter.js";
+import { default as Lo } from "./components/Filter/FilterInput.js";
 import { default as bo } from "./components/Filter/FilterHeader.js";
 import { default as ho } from "./components/TextArea/TextArea.js";
-import { default as wo } from "./components/AddToCalendar/AddToCalendar.js";
-import { default as vo } from "./patterns/AccountPageHeader/AccountPageHeader.js";
-import { default as Do } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as Mo } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as Eo, BidStatusEnum as Uo } from "./patterns/BidSnapshot/types.js";
-import { default as Oo } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as Qo } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as vo } from "./components/Toast/Toast.js";
+import { ToastProvider as yo } from "./components/Toast/ToastContextProvider.js";
+import { useToast as Do } from "./components/Toast/useToast.js";
+import { default as Mo } from "./components/AddToCalendar/AddToCalendar.js";
+import { default as Eo } from "./patterns/AccountPageHeader/AccountPageHeader.js";
+import { default as Go } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as Ro } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as jo, BidStatusEnum as zo } from "./patterns/BidSnapshot/types.js";
+import { default as Yo } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as qo } from "./patterns/ObjectTile/ObjectTile.js";
 export {
   M as Accordion,
   E as AccordionItem,
   G as AccordionItemVariant,
   O as AccordionVariants,
-  vo as AccountPageHeader,
-  wo as AddToCalendar,
+  Eo as AccountPageHeader,
+  Mo as AddToCalendar,
   uo as Article,
   b as AuctionStatus,
   Yt as AuthState,
-  Mo as BidMessage,
-  Eo as BidMessageVariants,
-  Do as BidSnapshot,
-  Uo as BidStatusEnum,
+  Ro as BidMessage,
+  jo as BidMessageVariants,
+  Go as BidSnapshot,
+  zo as BidStatusEnum,
   Q as Breadcrumb,
-  w as Button,
-  v as ButtonVariants,
+  v as Button,
+  y as ButtonVariants,
   Y as Carousel,
   q as CarouselArrows,
   K as CarouselContent,
@@ -119,24 +122,24 @@ export {
   oo as ComboBox,
   de as ContentPeek,
   pe as ContentPeekHeightUnits,
-  no as Countdown,
+  xo as Countdown,
   go as CountdownVariants,
   ie as Detail,
   Vt as DetailList,
   kt as DetailListAlignment,
   So as Divider,
-  xe as Drawer,
+  ne as Drawer,
   ce as Dropdown,
   Ce as ErrorBoundary,
-  yt as FavoritesCollectionTile,
+  wt as FavoritesCollectionTile,
   To as FavoritingTileButton,
-  Ao as Filter,
+  Po as Filter,
   bo as FilterHeader,
-  Po as FilterInput,
-  Oo as FilterMenu,
+  Lo as FilterInput,
+  Yo as FilterMenu,
   so as Footer,
   Be as Grid,
-  Le as GridItem,
+  Ae as GridItem,
   Ie as GridItemAlign,
   mo as Header,
   Ht as HeroBanner,
@@ -147,14 +150,14 @@ export {
   ke as Link,
   He as LinkBlock,
   Fe as LinkList,
-  ye as LinkVariants,
+  we as LinkVariants,
   V as LotStatus,
   Ne as Modal,
   Ue as Navigation,
   Oe as NavigationItem,
   Qe as NavigationItemTrigger,
   ze as NavigationList,
-  Qo as ObjectTile,
+  qo as ObjectTile,
   a as PaddingTokens,
   C as Page,
   ao as PageContentWrapper,
@@ -179,13 +182,15 @@ export {
   dt as TabsContainer,
   pt as TabsContent,
   it as Tag,
-  nt as TagsList,
+  xt as TagsList,
   Ct as Text,
   gt as TextAlignments,
   ho as TextArea,
   Bt as TextSymbolVariants,
-  Lt as TextSymbols,
+  At as TextSymbols,
   ct as TextVariants,
+  vo as Toast,
+  yo as ToastProvider,
   qt as UserManagement,
   It as Video,
   _t as ViewingsList,
@@ -196,10 +201,11 @@ export {
   p as findChildrenOfType,
   u as focusElementById,
   i as generatePaddingClassName,
-  n as getCommonProps,
-  x as noOp,
+  x as getCommonProps,
+  n as noOp,
   g as px,
-  A as ssrMediaQueryStyle,
+  P as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
-  P as usePendingState
+  L as usePendingState,
+  Do as useToast
 };