@phillips/seldon 1.31.2 → 1.33.0

package/dist/assets/lock.svg.js

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.4%209.7H15.6571V8.21429C15.6571%206.164%2013.9931%204.5%2011.9429%204.5C9.89257%204.5%208.22857%206.164%208.22857%208.21429V9.7H7.48571C6.66857%209.7%206%2010.3686%206%2011.1857V18.6143C6%2019.4314%206.66857%2020.1%207.48571%2020.1H16.4C17.2171%2020.1%2017.8857%2019.4314%2017.8857%2018.6143V11.1857C17.8857%2010.3686%2017.2171%209.7%2016.4%209.7ZM12%2017.175C11.1829%2017.175%2010.5%2014.9921%2010.5%2014.175C10.5%2013.3579%2011.1829%2013.05%2012%2013.05C12.8171%2013.05%2013.5%2013.3579%2013.5%2014.175C13.5%2014.9921%2012.8171%2017.175%2012%2017.175ZM9.375%209.7V7.8C9.375%206.56685%2010.7669%205.55%2012%205.55C13.2331%205.55%2014.625%206.56685%2014.625%207.8V9.7H9.375Z'%20fill='%23545454'/%3e%3c/svg%3e";
+export {
+  C as default
+};

package/dist/assets/minus.svg.js

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.5%2011.8929C4.5%2011.4195%204.83579%2011.0357%205.25%2011.0357L18.75%2011.0357C19.1642%2011.0357%2019.5%2011.4195%2019.5%2011.8929C19.5%2012.3662%2019.1642%2012.75%2018.75%2012.75L5.25%2012.75C4.83579%2012.75%204.5%2012.3662%204.5%2011.8929Z'%20fill='%23323232'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.5%2011.8929C4.5%2011.4195%204.83579%2011.0357%205.25%2011.0357L18.75%2011.0357C19.1642%2011.0357%2019.5%2011.4195%2019.5%2011.8929C19.5%2012.3662%2019.1642%2012.75%2018.75%2012.75L5.25%2012.75C4.83579%2012.75%204.5%2012.3662%204.5%2011.8929Z'%20fill='%23323232'/%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/assets/plus.svg.js

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.5%2011.8929C4.5%2011.4195%204.83579%2011.0357%205.25%2011.0357L18.75%2011.0357C19.1642%2011.0357%2019.5%2011.4195%2019.5%2011.8929C19.5%2012.3662%2019.1642%2012.75%2018.75%2012.75L5.25%2012.75C4.83579%2012.75%204.5%2012.3662%204.5%2011.8929Z'%20fill='%23323232'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.1071%204.5C12.5805%204.5%2012.9643%204.83579%2012.9643%205.25L12.9643%2018.75C12.9643%2019.1642%2012.5805%2019.5%2012.1071%2019.5C11.6338%2019.5%2011.25%2019.1642%2011.25%2018.75L11.25%205.25C11.25%204.83579%2011.6338%204.5%2012.1071%204.5Z'%20fill='%23323232'/%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Unique id for component testing
+     */
+    id?: string;
+    /**
+     * Determines whether one or multiple items can be opened at the same time. Default as single.
+     */
+    type?: 'single' | 'multiple';
+    /**
+     * Child element pass in to display as item content.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * ## Overview
+ *
+ * Overview of this component
+ *
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=4433-163013&t=lhB2YjBptvQ97UWF-0)
+ *
+ * [Storybook Link](Point back to yourself here)
+ */
+declare const AccordionComponent: ({ className, type, children, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export default AccordionComponent;

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,21 @@
+import { jsx as c } from "react/jsx-runtime";
+import n from "../../node_modules/classnames/index.js";
+import { getCommonProps as r } from "../../utils/index.js";
+import { Root as i } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+const C = ({ className: m, type: s = "single", children: t, ...o }) => {
+  const { className: a, ...e } = r(o, "Accordion");
+  return /* @__PURE__ */ c(
+    i,
+    {
+      className: n(`${a}`, m),
+      type: s,
+      ...e,
+      id: o == null ? void 0 : o.id,
+      collapsible: !0,
+      children: t
+    }
+  );
+};
+export {
+  C as default
+};

package/dist/components/Accordion/AccordionItem.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * When true, prevents border bottom style from being applied to the item.
+     */
+    isLastItem?: boolean;
+    /**
+     * When true, prevents the user from interacting with the item.
+     */
+    isLocked: boolean;
+    /**
+     * When true applied the lock variation icon.
+     */
+    isLockedVariation?: boolean;
+    /**
+     * Determines whether the variation on text style is large or small.
+     */
+    variation: string;
+    /**
+     * Text string for the Accordion header for label.
+     */
+    label: string;
+    /**
+     * Child element pass in to display as item content.
+     */
+    children?: React.ReactNode;
+    /**
+     * Determines whether one or multiple items can be opened at the same time. Default as single.
+     */
+    type?: 'single' | 'multiple';
+    /**
+     * When true applied the transition keyframe animation on item expand. Default as false.
+     */
+    hasTransition?: boolean;
+}
+declare const AccordionItem: ({ isLocked, isLockedVariation, variation, label, isLastItem, hasTransition, children, type, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+export default AccordionItem;

package/dist/components/Accordion/AccordionItem.js

@@ -0,0 +1,114 @@
+import { jsxs as f, jsx as e, Fragment as h } from "react/jsx-runtime";
+import { useState as v } from "react";
+import { getCommonProps as x } from "../../utils/index.js";
+import p from "../../assets/plus.svg.js";
+import C from "../../assets/minus.svg.js";
+import A from "../../assets/lock.svg.js";
+import m from "../../node_modules/classnames/index.js";
+import { Item as T, Trigger as j, Content as k } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+const N = ({
+  children: o,
+  className: c,
+  baseClassName: t,
+  disable: n,
+  isCollapsed: i,
+  setIsCollapsed: d,
+  isLargeVariation: l,
+  isLockedVariation: s,
+  id: r
+}) => {
+  const a = () => !n && d((I) => !I), u = n ? A : i ? p : C, $ = `${r}-` + (n ? "lockedIcon" : s ? "lockBlueIcon" : i ? "plusIcon" : "minusIcon");
+  return /* @__PURE__ */ e(
+    j,
+    {
+      "data-disabled": n,
+      asChild: !0,
+      className: m(t, { [`${t}--hoverable`]: !n }, c),
+      children: /* @__PURE__ */ f("div", { onClick: a, "data-testid": `${r}-trigger`, children: [
+        /* @__PURE__ */ e("div", { className: m(`${t}__text`, { [`${t}__text--lg`]: l }), children: o }),
+        /* @__PURE__ */ e(
+          "img",
+          {
+            className: m(
+              `${t}__icon`,
+              { [`${t}__icon--lg`]: l },
+              s && `${t}--blue-fill`
+            ),
+            src: u,
+            "data-testid": $,
+            "aria-hidden": !0
+          }
+        )
+      ] })
+    }
+  );
+}, P = ({
+  children: o,
+  baseClassName: c,
+  disable: t,
+  hasTransition: n,
+  isLargeVariation: i,
+  isCollapsed: d,
+  className: l
+}) => /* @__PURE__ */ e(h, { children: t && o ? /* @__PURE__ */ e("div", { children: o }) : /* @__PURE__ */ e(
+  k,
+  {
+    asChild: !0,
+    className: m(
+      { [`${c}__content--lg`]: i },
+      { [`${c}--transition`]: n },
+      { [`${c}--expanded`]: !d },
+      l
+    ),
+    children: o
+  }
+) }), z = ({
+  isLocked: o,
+  isLockedVariation: c,
+  variation: t,
+  label: n,
+  isLastItem: i,
+  hasTransition: d = !1,
+  children: l,
+  type: s = "single",
+  ...r
+}) => {
+  const [a, u] = v(!0), { className: $, ...I } = x(r, "Accordion"), _ = t === "lg", g = `${$}-item`;
+  return /* @__PURE__ */ f(
+    T,
+    {
+      disabled: o,
+      value: I["data-testid"],
+      className: m(g, { [`${g}__border-bottom`]: !i }),
+      children: [
+        /* @__PURE__ */ e(
+          N,
+          {
+            disable: o,
+            isLargeVariation: _,
+            isLockedVariation: c,
+            isCollapsed: a,
+            setIsCollapsed: u,
+            id: s === "single" ? r == null ? void 0 : r.id : void 0,
+            baseClassName: `${g}-label`,
+            children: n
+          }
+        ),
+        /* @__PURE__ */ e(
+          P,
+          {
+            disable: o,
+            hasTransition: d,
+            isLargeVariation: _,
+            isCollapsed: a,
+            baseClassName: g,
+            children: l
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  z as default
+};

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

@@ -0,0 +1,2 @@
+export { default as Accordion, type AccordionProps } from './Accordion';
+export { default as AccordionItem, type AccordionItemProps } from './AccordionItem';

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

@@ -0,0 +1,44 @@
+export interface AccordionHeaderType {
+    /**
+     * Child element pass in to display as header label.
+     */
+    children?: React.ReactNode;
+    /**
+     * Option class user may set to header.
+     */
+    className?: string;
+    /**
+     * Base class for header component.
+     */
+    baseClassName: string;
+    disable: boolean;
+    isCollapsed: boolean;
+    setIsCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
+    isLargeVariation: boolean;
+    isLockedVariation?: boolean;
+    /**
+     * Unique id for icon component testing
+     */
+    id?: string;
+}
+export interface AccordionContentType {
+    /**
+     * Child element pass in to display as content.
+     */
+    children?: React.ReactNode;
+    /**
+     * Option class user may set to header.
+     */
+    className?: string;
+    /**
+     * Base class for content component.
+     */
+    baseClassName: string;
+    disable: boolean;
+    /**
+     * When true applied the transition keyframe animation on item expand. Default as false.
+     */
+    hasTransition?: boolean;
+    isLargeVariation: boolean;
+    isCollapsed: boolean;
+}

package/dist/components/Button/Button.d.ts

@@ -37,5 +37,5 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-button--overview)
  */
-declare const Button: ({ buttonType, size, children, className, isIconLast: iconLast, type, isDisabled, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/components/Button/Button.js

@@ -1,37 +1,42 @@
-import { jsx as i } from "react/jsx-runtime";
-import f from "../../node_modules/classnames/index.js";
+import { jsx as c } from "react/jsx-runtime";
+import p from "../../node_modules/classnames/index.js";
 import { getCommonProps as u } from "../../utils/index.js";
-const d = ({
-  buttonType: t = "primary",
-  size: a = "md",
-  children: m,
-  className: e,
-  isIconLast: n = !1,
-  type: r = "button",
-  isDisabled: l = !1,
-  ...o
-}) => {
-  const { className: s, ...c } = u(o, "Button");
-  return /* @__PURE__ */ i(
-    "button",
-    {
-      ...c,
-      type: r,
-      className: f(
-        `${s}`,
-        `${s}--${a}`,
-        `${s}--${t}`,
-        {
-          [`${s}--icon-last`]: n
-        },
-        e
-      ),
-      disabled: l,
-      ...o,
-      children: m
-    }
-  );
-};
+import { forwardRef as d } from "react";
+const $ = d(
+  ({
+    buttonType: t = "primary",
+    size: a = "md",
+    children: m,
+    className: r,
+    isIconLast: e = !1,
+    type: n = "button",
+    isDisabled: l = !1,
+    ...s
+  }, f) => {
+    const { className: o, ...i } = u(s, "Button");
+    return /* @__PURE__ */ c(
+      "button",
+      {
+        ...i,
+        ref: f,
+        type: n,
+        className: p(
+          `${o}`,
+          `${o}--${a}`,
+          `${o}--${t}`,
+          {
+            [`${o}--icon-last`]: e
+          },
+          r
+        ),
+        disabled: l,
+        ...s,
+        children: m
+      }
+    );
+  }
+);
+$.displayName = "Button";
 export {
-  d as default
+  $ as default
 };

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether the drawer is open or not
+     */
+    isOpen?: boolean;
+    /**
+     * Callback when the drawer is closed
+     */
+    onClose?: () => void;
+    /**
+     * The content of the drawer
+     */
+    children?: React.ReactNode;
+}
+/**
+ * ## Overview
+ *
+ * A component for displaying a drawer.
+ *
+ */
+declare const Drawer: ({ className, isOpen, onClose, children, ...props }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export default Drawer;

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,46 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { getCommonProps as d, noOp as p } from "../../utils/index.js";
+import a from "../../node_modules/classnames/index.js";
+import { Root as f, Portal as C, Overlay as h, Content as N, Title as u, Description as v, Close as w } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import _ from "../../assets/close.svg.js";
+import g from "../IconButton/IconButton.js";
+const j = ({ className: l, isOpen: i = !1, onClose: r = p, children: m, ...s }) => {
+  const { className: o, ...n } = d(s, "Drawer");
+  return /* @__PURE__ */ e(
+    f,
+    {
+      open: i,
+      onOpenChange: (c) => {
+        c || r();
+      },
+      children: /* @__PURE__ */ t(C, { children: [
+        /* @__PURE__ */ e(
+          h,
+          {
+            onClick: r,
+            className: a(`${o}__overlay`),
+            "data-testid": "drawer-overlay"
+          }
+        ),
+        /* @__PURE__ */ t(N, { className: a(o, l), id: s.id, ...n, children: [
+          /* @__PURE__ */ e(u, {}),
+          /* @__PURE__ */ e(v, {}),
+          /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
+            g,
+            {
+              onClick: r,
+              className: a(`${o}__close`),
+              "aria-label": "Close",
+              "data-testid": "drawer-close",
+              children: /* @__PURE__ */ e(_, {})
+            }
+          ) }),
+          m
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  j as default
+};

package/dist/index.d.ts

@@ -27,8 +27,10 @@ export { SubscriptionState } from './components/Subscribe/types';
 export { default as Social, type SocialProps } from './components/Social/Social';
 export { default as ViewingsList, type ViewingsListProps } from './components/ViewingsList/ViewingsList';
 export { default as Modal, type ModalProps } from './components/Modal/Modal';
+export { default as Drawer } from './components/Drawer/Drawer';
 export { default as StatefulViewingsList, type StatefulViewingsListProps, } from './components/ViewingsList/StatefulViewingsList';
 export * from './components/Text';
+export * from './components/Accordion';
 export { default as UserManagement, type UserManagementProps } from './components/UserManagement/UserManagement';
 export * from './types/commonTypes';
 export { Breadcrumb, type BreadcrumbProps } from './components/Breadcrumb';

package/dist/index.js

@@ -1,75 +1,81 @@
 import { PaddingTokens as a, defaultYear as f, emailValidation as m, generatePaddingClassName as p, getCommonProps as s, noOp as d, px as l, useNormalizedInputProps as u } from "./utils/index.js";
 import { default as x } from "./pages/Page.js";
 import { default as g } from "./components/Button/Button.js";
-import { default as S } from "./components/IconButton/IconButton.js";
+import { default as L } from "./components/IconButton/IconButton.js";
 import { default as I } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { default as B } from "./components/Footer/Footer.js";
 import { Grid as P } from "./components/Grid/Grid.js";
 import { default as b } from "./components/Header/Header.js";
-import { default as T } from "./components/Navigation/Navigation.js";
-import { default as G } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as H } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as h } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as z } from "./components/HeroBanner/HeroBanner.js";
-import { default as E } from "./components/Input/Input.js";
-import { default as O } from "./components/Link/Link.js";
-import { LinkVariants as U } from "./components/Link/utils.js";
-import { default as j } from "./components/LinkBlock/LinkBlock.js";
-import { default as D } from "./components/LinkList/LinkList.js";
+import { default as w } from "./components/Navigation/Navigation.js";
+import { default as A } from "./components/Navigation/NavigationItem/NavigationItem.js";
+import { default as C } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as M } from "./components/Navigation/NavigationList/NavigationList.js";
+import { default as y } from "./components/HeroBanner/HeroBanner.js";
+import { default as D } from "./components/Input/Input.js";
+import { default as F } from "./components/Link/Link.js";
+import { LinkVariants as R } from "./components/Link/utils.js";
+import { default as Y } from "./components/LinkBlock/LinkBlock.js";
+import { default as q } from "./components/LinkList/LinkList.js";
 import { default as K } from "./components/Row/Row.js";
 import { default as W } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as Z } from "./components/GridItem/types.js";
 import { default as $ } from "./components/Search/Search.js";
-import { default as te } from "./components/Select/Select.js";
-import { default as oe } from "./components/SplitPanel/SplitPanel.js";
+import { default as re } from "./components/Select/Select.js";
+import { default as te } from "./components/SplitPanel/SplitPanel.js";
 import { default as fe } from "./components/Subscribe/Subscribe.js";
 import { SubscriptionState as pe } from "./components/Subscribe/types.js";
 import { default as de } from "./components/Social/Social.js";
 import { default as ue } from "./components/ViewingsList/ViewingsList.js";
 import { default as xe } from "./components/Modal/Modal.js";
-import { default as ge } from "./components/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as Se } from "./components/Text/types.js";
-import { default as Ie } from "./components/Text/Text.js";
-import { default as Be } from "./components/UserManagement/UserManagement.js";
-import { SupportedLanguages as Pe } from "./types/commonTypes.js";
-import { default as be } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as ge } from "./components/Drawer/Drawer.js";
+import { default as Le } from "./components/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as Ie } from "./components/Text/types.js";
+import { default as Be } from "./components/Text/Text.js";
+import { default as Pe } from "./components/Accordion/Accordion.js";
+import { default as be } from "./components/Accordion/AccordionItem.js";
+import { default as we } from "./components/UserManagement/UserManagement.js";
+import { SupportedLanguages as Ae } from "./types/commonTypes.js";
+import { default as Ce } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
 export {
-  be as Breadcrumb,
+  Pe as Accordion,
+  be as AccordionItem,
+  Ce as Breadcrumb,
   g as Button,
+  ge as Drawer,
   I as ErrorBoundary,
   B as Footer,
   P as Grid,
   W as GridItem,
   Z as GridItemAlign,
   b as Header,
-  z as HeroBanner,
-  S as IconButton,
-  E as Input,
-  O as Link,
-  j as LinkBlock,
-  D as LinkList,
-  U as LinkVariants,
+  y as HeroBanner,
+  L as IconButton,
+  D as Input,
+  F as Link,
+  Y as LinkBlock,
+  q as LinkList,
+  R as LinkVariants,
   xe as Modal,
-  T as Navigation,
-  G as NavigationItem,
-  H as NavigationItemTrigger,
-  h as NavigationList,
+  w as Navigation,
+  A as NavigationItem,
+  C as NavigationItemTrigger,
+  M as NavigationList,
   a as PaddingTokens,
   x as Page,
   K as Row,
   $ as Search,
-  te as Select,
+  re as Select,
   de as Social,
-  oe as SplitPanel,
-  ge as StatefulViewingsList,
+  te as SplitPanel,
+  Le as StatefulViewingsList,
   fe as Subscribe,
   pe as SubscriptionState,
-  Pe as SupportedLanguages,
-  Ie as Text,
-  Se as TextVariants,
-  Be as UserManagement,
+  Ae as SupportedLanguages,
+  Be as Text,
+  Ie as TextVariants,
+  we as UserManagement,
   ue as ViewingsList,
   f as defaultYear,
   m as emailValidation,

package/dist/node_modules/@radix-ui/primitive/dist/index.js

@@ -0,0 +1,9 @@
+function h(f, c, { checkForDefaultPrevented: p = !0 } = {}) {
+  return function(s) {
+    if (f == null || f(s), p === !1 || !s.defaultPrevented)
+      return c == null ? void 0 : c(s);
+  };
+}
+export {
+  h as composeEventHandlers
+};