@phillips/seldon 1.79.0 → 1.79.2

package/dist/components/Row/Row.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PaddingTokens } from '../../utils';
-import GridItem, { GridItemProps } from '../GridItem/GridItem';
+import { default as GridItem, GridItemProps } from '../GridItem/GridItem';
 export interface RowProps extends React.HTMLAttributes<HTMLElement> {
     /** These children can be an array of GridItem components */
     children: React.ReactElement<GridItemProps, typeof GridItem> | React.ReactElement<GridItemProps, typeof GridItem>[];

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

@@ -0,0 +1,12 @@
+import { RowProps } from './Row';
+declare const meta: {
+    title: string;
+    component: ({ children, element: CustomElement, padding, className, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+export declare const Playground: {
+    ({ children, ...props }: RowProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};

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

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

package/dist/components/Search/Search.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type SearchResultsProps } from './SearchResults/SearchResults';
+import { default as React } from 'react';
+import { SearchResultsProps } from './SearchResults/SearchResults';
 export interface SearchProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      *

package/dist/components/Search/Search.js

@@ -1,7 +1,7 @@
-import { jsx as a, jsxs as u } from "react/jsx-runtime";
-import c, { useEffect as V } from "react";
-import { getCommonProps as j, px as D, encodeURLSearchParams as N } from "../../utils/index.js";
-import f from "../../node_modules/classnames/index.js";
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import i, { useEffect as V } from "react";
+import { getCommonProps as j, px as D, encodeURLSearchParams as I } from "../../utils/index.js";
+import _ from "../../node_modules/classnames/index.js";
 import H from "../Input/Input.js";
 import O from "../Link/Link.js";
 import A from "./SearchResults/SearchResults.js";
@@ -12,37 +12,37 @@ import { HeaderContext as U } from "../../site-furniture/Header/Header.js";
 import { SearchButton as q } from "./SearchButton.js";
 import z from "../../node_modules/react-transition-group/esm/CSSTransition.js";
 const ne = ({
-  onSearch: _,
-  onCancel: i,
-  searchResults: E = [],
-  state: l = "idle",
-  defaultValue: R = "",
+  onSearch: S,
+  onCancel: o,
+  searchResults: R = [],
+  state: c = "idle",
+  defaultValue: E = "",
   className: b,
   placeholder: w = "",
-  searchButtonText: d = "Search",
+  searchButtonText: l = "Search",
   loadingText: C = "Search In Progress...",
-  invalidText: k = "Invalid search",
-  getAllResultsText: L = (r) => `View all results for ${r}`,
-  getAllResultsLink: S = (r) => `/Search?Search=${r}`,
-  ...v
+  invalidText: L = "Invalid search",
+  getAllResultsText: P = (r) => `View all results for ${r}`,
+  getAllResultsLink: v = (r) => `/Search?Search=${r}`,
+  ...x
 }) => {
-  var I;
-  const { className: r, "data-testid": m, ...P } = j(v, "Search"), o = c.useContext(U), h = c.useRef(null), p = c.useRef(null), x = c.useRef(null), t = o.isSearchExpanded, s = (I = h.current) == null ? void 0 : I.value, T = _ ? (e) => {
-    _(e.target.value);
+  var N;
+  const { className: r, "data-testid": d, ...T } = j(x, "Search"), m = i.useContext(U), h = i.useRef(null), p = i.useRef(null), $ = i.useRef(null), t = m.isSearchExpanded, s = (N = h.current) == null ? void 0 : N.value, k = S ? (e) => {
+    S(e.target.value);
   } : void 0;
-  M(x, (e) => {
-    i == null || i(), g(!1), e.stopPropagation();
+  M($, (e) => {
+    o == null || o(), u(!1), e.stopPropagation();
   });
-  const $ = (e) => {
+  const g = (e) => {
     var n;
     if (e.stopPropagation(), e.key === "Enter") {
       if (e.preventDefault(), s && s.length > 2) {
-        const y = N(S(s));
+        const y = I(v(s));
         window.location.href = y;
       }
       e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.click();
     }
-    e.key === "Escape" && ((n = p.current) == null || n.reset(), o.setIsSearchExpanded(!1));
+    e.key === "Escape" && ((n = p.current) == null || n.reset(), m.setIsSearchExpanded(!1));
   };
   V(() => {
     var e;
@@ -51,111 +51,104 @@ const ne = ({
       return;
     }
   }, [t]);
-  const g = (e) => {
+  const u = (e) => {
     var n;
-    (n = p.current) == null || n.reset(), o.setIsSearchExpanded(e);
+    (n = p.current) == null || n.reset(), m.setIsSearchExpanded(e);
   };
-  return /* @__PURE__ */ a("div", { className: `${r}__container`, children: /* @__PURE__ */ u(
-    "div",
-    {
-      onClick: () => o.setIsSearchExpanded(!0),
-      className: `${r}__container__inner`,
-      ref: x,
-      children: [
-        /* @__PURE__ */ a(K, { variant: F.heading4, className: `${r}__container__inner__label`, children: d }),
-        /* @__PURE__ */ a(
-          "div",
+  return /* @__PURE__ */ a("div", { className: `${r}__container`, children: /* @__PURE__ */ f("div", { className: `${r}__container__inner`, ref: $, children: [
+    /* @__PURE__ */ a(K, { variant: F.heading4, className: `${r}__container__inner__label`, children: l }),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        ...T,
+        className: _(r, b, { [`${r}--active`]: t }),
+        "data-testid": d,
+        role: "search",
+        ...x,
+        children: /* @__PURE__ */ f(
+          "form",
           {
-            ...P,
-            className: f(r, b, { [`${r}--active`]: t }),
-            "data-testid": m,
-            role: "search",
-            ...v,
-            children: /* @__PURE__ */ u(
-              "form",
-              {
-                "data-testid": `${m}-form`,
-                className: f(`${r}__form`, {
-                  [`${r}__form--active`]: t
-                }),
-                ref: p,
-                children: [
-                  /* @__PURE__ */ u(
-                    "div",
-                    {
-                      className: f(`${r}__content-wrapper`, {
-                        [`${r}__content-wrapper--active`]: t
-                      }),
-                      role: "combobox",
-                      "aria-haspopup": "listbox",
-                      children: [
-                        /* @__PURE__ */ a(
-                          z,
-                          {
-                            in: t,
-                            classNames: `${D}-input`,
-                            addEndListener: () => {
-                            },
-                            children: /* @__PURE__ */ a(
-                              H,
-                              {
-                                "aria-hidden": !t,
-                                className: `${r}__input`,
-                                id: "search-input",
-                                hideLabel: !0,
-                                labelText: d,
-                                placeholder: t ? w : "",
-                                type: "text",
-                                defaultValue: R,
-                                invalid: l === "invalid",
-                                invalidText: k,
-                                onKeyDown: $,
-                                onChange: T,
-                                ref: h
-                              }
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ a(
-                          q,
+            "data-testid": `${d}-form`,
+            className: _(`${r}__form`, {
+              [`${r}__form--active`]: t
+            }),
+            ref: p,
+            children: [
+              /* @__PURE__ */ f(
+                "div",
+                {
+                  className: _(`${r}__content-wrapper`, {
+                    [`${r}__content-wrapper--active`]: t
+                  }),
+                  role: "combobox",
+                  "aria-haspopup": "listbox",
+                  children: [
+                    /* @__PURE__ */ a(
+                      z,
+                      {
+                        in: t,
+                        classNames: `${D}-input`,
+                        addEndListener: () => {
+                        },
+                        children: /* @__PURE__ */ a(
+                          H,
                           {
-                            className: r,
-                            searchButtonText: d,
-                            state: l,
-                            testId: m,
-                            isSearchExpanded: t,
-                            setIsSearchExpanded: g,
-                            onCancel: i
+                            "aria-hidden": !t,
+                            className: `${r}__input`,
+                            id: "search-input",
+                            hideLabel: !0,
+                            labelText: l,
+                            placeholder: t ? w : "",
+                            type: "text",
+                            defaultValue: E,
+                            invalid: c === "invalid",
+                            invalidText: L,
+                            onKeyDown: g,
+                            onChange: k,
+                            ref: h
                           }
                         )
-                      ]
-                    }
-                  ),
-                  s && s.length > 2 ? /* @__PURE__ */ a(
-                    A,
+                      }
+                    ),
+                    /* @__PURE__ */ a(
+                      q,
+                      {
+                        className: r,
+                        searchButtonText: l,
+                        state: c,
+                        testId: d,
+                        isSearchExpanded: t,
+                        setIsSearchExpanded: u,
+                        onCancel: o
+                      }
+                    )
+                  ]
+                }
+              ),
+              s && s.length > 2 ? /* @__PURE__ */ a(
+                A,
+                {
+                  autoCompleteResults: R,
+                  isLoading: c === "loading",
+                  loadingText: C,
+                  onKeyDown: g,
+                  userInputValue: s,
+                  closeSearch: u,
+                  children: /* @__PURE__ */ a("li", { className: `${r}__result`, children: /* @__PURE__ */ a(
+                    O,
                     {
-                      autoCompleteResults: E,
-                      isLoading: l === "loading",
-                      loadingText: C,
-                      onKeyDown: $,
-                      userInputValue: s,
-                      children: /* @__PURE__ */ a("li", { className: `${r}__result`, children: /* @__PURE__ */ a(
-                        O,
-                        {
-                          href: ((e) => N(S(e)))(s),
-                          children: /* @__PURE__ */ a("p", { children: L(s) })
-                        }
-                      ) }, "viewAllSearchResults")
+                      href: ((e) => I(v(e)))(s),
+                      children: /* @__PURE__ */ a("p", { children: P(s) })
                     }
-                  ) : null
-                ]
-              }
-            )
+                  ) }, "viewAllSearchResults")
+                }
+              ) : null
+            ]
           }
         )
-      ]
-    }
-  ) });
+      }
+    )
+  ] }) });
 };
 export {
   ne as default

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

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { SearchProps } from './Search';
+declare const meta: {
+    title: string;
+    component: (props: SearchProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            story: {
+                height: string;
+            };
+        };
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;

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

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

package/dist/components/Search/SearchButton.d.ts

@@ -4,4 +4,4 @@ export declare const SearchButton: ({ state, isSearchExpanded, setIsSearchExpand
     testId: string;
     isSearchExpanded: boolean;
     setIsSearchExpanded: React.Dispatch<React.SetStateAction<boolean>>;
-} & Pick<SearchProps, "onCancel" | "state" | "searchButtonText"> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element | null;
+} & Pick<SearchProps, "state" | "searchButtonText" | "onCancel"> & ComponentProps<"button">) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Search/SearchResults/SearchResults.d.ts

@@ -11,6 +11,7 @@ export interface SearchResultsProps extends React.HTMLAttributes<HTMLElement> {
     loadingText?: string;
     onKeyDown?: (event: React.KeyboardEvent<HTMLAnchorElement>) => void;
     userInputValue?: string;
+    closeSearch: (value: boolean) => void;
 }
-declare const SearchResults: ({ autoCompleteResults, isLoading, children, loadingText, onKeyDown, userInputValue, }: React.PropsWithChildren<SearchResultsProps>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchResults: ({ autoCompleteResults, isLoading, children, loadingText, onKeyDown, userInputValue, closeSearch, }: React.PropsWithChildren<SearchResultsProps>) => import("react/jsx-runtime").JSX.Element;
 export default SearchResults;

package/dist/components/Search/SearchResults/SearchResults.js

@@ -1,25 +1,35 @@
 import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import { px as a } from "../../../utils/index.js";
-import u from "../../Link/Link.js";
+import { px as e } from "../../../utils/index.js";
+import f from "../../Link/Link.js";
 import { LinkVariants as L } from "../../Link/types.js";
 const w = ({
-  autoCompleteResults: e = [],
-  isLoading: i,
-  children: c,
-  loadingText: t = "Loading...",
+  autoCompleteResults: l = [],
+  isLoading: t,
+  children: i,
+  loadingText: c = "Loading...",
   onKeyDown: o,
-  userInputValue: h = ""
+  userInputValue: h = "",
+  closeSearch: d
 }) => {
-  const m = Array.isArray(e) && e.length > 0;
-  function d(s, n) {
-    return s.split(new RegExp(`(${n})`, "gi")).map(
-      (l, _) => l.toLocaleLowerCase() === n.toLocaleLowerCase() ? /* @__PURE__ */ r("strong", { children: l }, _) : l
+  const m = Array.isArray(l) && l.length > 0;
+  function _(s, a) {
+    return s.split(new RegExp(`(${a})`, "gi")).map(
+      (n, u) => n.toLocaleLowerCase() === a.toLocaleLowerCase() ? /* @__PURE__ */ r("strong", { children: n }, u) : n
     );
   }
-  return /* @__PURE__ */ r("div", { className: `${a}-search__results`, children: /* @__PURE__ */ p("ul", { "data-testid": "search-results", className: `${a}-search__results-container`, children: [
-    i ? /* @__PURE__ */ r("li", { className: `${a}-search__result`, children: t }) : null,
-    m && e.map((s) => /* @__PURE__ */ r("li", { className: `${a}-search__result`, children: /* @__PURE__ */ r(u, { href: s.url, onKeyDown: o, variant: L.snwFlyoutLink, children: /* @__PURE__ */ r("span", { className: "${px}-search__result__label", children: d(s.label, h) }) }) }, s.id)),
-    c
+  return /* @__PURE__ */ r("div", { className: `${e}-search__results`, children: /* @__PURE__ */ p("ul", { "data-testid": "search-results", className: `${e}-search__results-container`, children: [
+    t ? /* @__PURE__ */ r("li", { className: `${e}-search__result`, children: c }) : null,
+    m && l.map((s, a) => /* @__PURE__ */ r("li", { className: `${e}-search__result`, children: /* @__PURE__ */ r(
+      f,
+      {
+        href: s.url,
+        onKeyDown: o,
+        onClick: () => d(!1),
+        variant: L.snwFlyoutLink,
+        children: /* @__PURE__ */ r("span", { "data-testid": `search-result-${a}`, className: "${px}-search__result__label", children: _(s.label, h) })
+      }
+    ) }, s.id)),
+    i
   ] }) });
 };
 export {

package/dist/components/Search/SearchResults/SearchResults.test.d.ts

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

package/dist/components/SeldonImage/SeldonImage.d.ts

@@ -43,5 +43,5 @@ export interface SeldonImageProps extends ComponentProps<'div'> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-seldonimage--overview)
  */
-declare const SeldonImage: import("react").ForwardRefExoticComponent<Omit<SeldonImageProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const SeldonImage: import('react').ForwardRefExoticComponent<Omit<SeldonImageProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default SeldonImage;

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

@@ -0,0 +1,36 @@
+import { SeldonImageProps } from './SeldonImage';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<SeldonImageProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export default meta;
+export declare const Playground: {
+    (props: SeldonImageProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        src: string;
+        aspectRatio: string;
+    };
+    argTypes: {};
+};
+export declare const CircleImage: {
+    (props: SeldonImageProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        src: string;
+        aspectRatio: string;
+        objectFit: string;
+        imageStyle: {
+            borderRadius: string;
+        };
+    };
+    argTypes: {};
+};
+export declare const BlurBackground: {
+    (props: SeldonImageProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        src: string;
+        aspectRatio: string;
+        objectFit: string;
+        hasBlurBackground: boolean;
+    };
+    argTypes: {};
+};

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

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

package/dist/components/Select/Select.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { InputProps } from '../Input/Input';
+import * as React from 'react';
 export interface SelectProps extends InputProps {
     /**
      * Option elements that are selectable

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

@@ -0,0 +1,92 @@
+import { SelectProps } from './Select';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<SelectProps, "ref"> & import('react').RefAttributes<HTMLSelectElement>>;
+};
+export default meta;
+interface StoryProps extends SelectProps {
+    playgroundWidth: string;
+}
+export declare const Playground: {
+    ({ playgroundWidth, ...args }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        playgroundWidth: number;
+        className: string;
+        defaultValue: string;
+        disabled: boolean;
+        invalid: boolean;
+        invalidText: string;
+        labelText: string;
+        readOnly: boolean;
+        size: string;
+        warn: boolean;
+        warnText: string;
+    };
+    argTypes: {
+        defaultValue: {
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        invalid: {
+            control: {
+                type: string;
+            };
+        };
+        invalidText: {
+            control: {
+                type: string;
+            };
+        };
+        labelText: {
+            control: {
+                type: string;
+            };
+        };
+        onChange: {
+            action: string;
+        };
+        onClick: {
+            action: string;
+        };
+        playgroundWidth: {
+            control: {
+                type: string;
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        value: {
+            control: {
+                type: string;
+            };
+        };
+        readOnly: {
+            control: {
+                type: string;
+            };
+        };
+        warn: {
+            control: {
+                type: string;
+            };
+        };
+        warnText: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};

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

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

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

@@ -0,0 +1,12 @@
+import { SplitPanelProps } from './SplitPanel';
+declare const meta: {
+    title: string;
+    component: ({ children, className, element: Element, hasBorder, ...props }: SplitPanelProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+export declare const Playground: {
+    (props: SplitPanelProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        id: string;
+    };
+};

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

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

package/dist/components/Tabs/TabTrigger.d.ts

@@ -21,5 +21,5 @@ export interface TabTriggerProps extends ComponentProps<'div'> {
  * @param {TabTriggerProps} props - The props for the TabTrigger component.
  * @returns {JSX.Element} The rendered TabTrigger component.
  */
-declare const TabTrigger: import("react").ForwardRefExoticComponent<Omit<TabTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const TabTrigger: import('react').ForwardRefExoticComponent<Omit<TabTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 export default TabTrigger;

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

@@ -0,0 +1,19 @@
+import { TabsContainerProps } from './TabsContainer';
+import { TabContentProps } from './TabsContent';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<TabsContainerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export default meta;
+export declare const Playground: {
+    (props: TabsContainerProps & TabContentProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        tabs: {
+            label: string;
+            value: string;
+        }[];
+    };
+    argTypes: {};
+};
+export declare const BrowseTabSelected: () => import("react/jsx-runtime").JSX.Element;
+export declare const ComponentLabels: () => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Tabs/TabsContainer.d.ts

@@ -43,5 +43,5 @@ export interface TabsContainerProps extends ComponentProps<'div'> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-tabs--overview)
  */
-declare const TabsContainer: import("react").ForwardRefExoticComponent<Omit<TabsContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TabsContainer: import('react').ForwardRefExoticComponent<Omit<TabsContainerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default TabsContainer;

package/dist/components/Tabs/TabsContent.d.ts

@@ -19,5 +19,5 @@ export interface TabContentProps extends ComponentProps<'div'> {
  * @param {TabContentProps} props - The props for the TabContent component.
  * @returns {JSX.Element} The rendered TabContent component.
  */
-declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<TabContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TabsContent: import('react').ForwardRefExoticComponent<Omit<TabContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default TabsContent;

package/dist/components/Text/Text.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { TextVariants } from './types';
 export interface TextProps extends React.HTMLAttributes<HTMLElement> {
     /**