@phillips/seldon 1.65.0 → 1.67.0

package/dist/_virtual/attributes-to-props.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/constants.js

@@ -0,0 +1,4 @@
+var s = {};
+export {
+  s as __exports
+};

package/dist/_virtual/dom-to-react.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/domparser.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/html-to-dom.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/index10.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/index11.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/index7.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/index8.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/index9.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/node.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/possibleStandardNamesOptimized.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/dist/_virtual/utilities.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/dist/_virtual/utilities2.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/dist/_virtual/utilities3.js

@@ -0,0 +1,4 @@
+var t = {};
+export {
+  t as __exports
+};

package/dist/components/HTMLParser/HTMLParser.d.ts

@@ -0,0 +1,24 @@
+export interface HTMLParserProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Rich Text content to be displayed
+     */
+    html: string;
+    /**
+     * Optional flag to only sanitize the content and bypass the transforms to our components
+     */
+    isOnlySanitize?: boolean;
+    /**
+     * Optional class name to add to the component
+     */
+    className?: string;
+}
+/**
+ * ## Overview
+ *
+ * A component for taking in rich text content from CMS and safely rendering the content in a consistent manner.
+ *
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-htmlparser--overview)
+ */
+declare const HTMLParser: ({ className, html, isOnlySanitize, ...props }: HTMLParserProps) => import("react/jsx-runtime").JSX.Element;
+export default HTMLParser;

package/dist/components/HTMLParser/HTMLParser.js

@@ -0,0 +1,21 @@
+import { jsx as o, Fragment as c } from "react/jsx-runtime";
+import n from "../../node_modules/classnames/index.js";
+import f from "../../node_modules/dompurify/dist/purify.es.js";
+import p from "../../node_modules/html-react-parser/esm/index.js";
+import { getCommonProps as d } from "../../utils/index.js";
+import { options as g } from "./utils.js";
+const M = ({ className: s, html: r, isOnlySanitize: i = !1, ...e }) => {
+  const { className: t, ...a } = d(e, "HTMLParser"), m = f.sanitize(r), l = p(m, g);
+  return /* @__PURE__ */ o(c, { children: typeof r == "string" && r.length > 0 ? i ? /* @__PURE__ */ o(
+    "div",
+    {
+      ...a,
+      className: n(`${t}`, s),
+      ...e,
+      dangerouslySetInnerHTML: { __html: m }
+    }
+  ) : /* @__PURE__ */ o("div", { ...a, className: n(`${t}`, s), ...e, children: l }) : null });
+};
+export {
+  M as default
+};

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

@@ -0,0 +1 @@
+export { default as HTMLParser, type HTMLParserProps } from './HTMLParser';

package/dist/components/HTMLParser/utils.d.ts

@@ -0,0 +1,7 @@
+export declare const options: {
+    replace({ attribs, children, name }: {
+        attribs: Record<string, string>;
+        children: React.ReactNode;
+        name: string;
+    }): import("react/jsx-runtime").JSX.Element | undefined;
+};

package/dist/components/HTMLParser/utils.js

@@ -0,0 +1,31 @@
+import { jsx as i } from "react/jsx-runtime";
+import "../../node_modules/html-react-parser/esm/index.js";
+import { TextVariants as e } from "../Text/types.js";
+import n from "../Text/Text.js";
+import { LinkVariants as p } from "../Link/types.js";
+import d from "../Link/Link.js";
+import "../../node_modules/html-react-parser/lib/index.js";
+import { __exports as r } from "../../_virtual/index7.js";
+const a = {
+  replace({ attribs: s, children: t, name: o }) {
+    if (o === "h1")
+      return /* @__PURE__ */ i(n, { variant: e.heading1, children: r.domToReact(t, a) });
+    if (o === "h2")
+      return /* @__PURE__ */ i(n, { variant: e.heading2, children: r.domToReact(t, a) });
+    if (o === "h3")
+      return /* @__PURE__ */ i(n, { variant: e.heading3, children: r.domToReact(t, a) });
+    if (o === "h4")
+      return /* @__PURE__ */ i(n, { variant: e.heading4, children: r.domToReact(t, a) });
+    if (o === "blockquote")
+      return /* @__PURE__ */ i(n, { variant: e.blockquote, children: r.domToReact(t, a) });
+    if (o === "p")
+      return /* @__PURE__ */ i(n, { variant: e.body1, children: r.domToReact(t, a) });
+    if (o === "a") {
+      const { class: f, ...c } = s, m = r.attributesToProps(c);
+      return /* @__PURE__ */ i(d, { variant: p.link, ...m, children: r.domToReact(t, a) });
+    }
+  }
+};
+export {
+  a as options
+};

package/dist/components/Search/Search.js

@@ -1,10 +1,10 @@
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
 import i, { useEffect as y } from "react";
-import { getCommonProps as j, px as D, encodeURLSearchParams as g } from "../../utils/index.js";
-import p from "../../node_modules/classnames/index.js";
-import H from "../Input/Input.js";
-import O from "../Link/Link.js";
-import V from "./SearchResults/SearchResults.js";
+import { getCommonProps as V, px as j, encodeURLSearchParams as g } from "../../utils/index.js";
+import f from "../../node_modules/classnames/index.js";
+import D from "../Input/Input.js";
+import H from "../Link/Link.js";
+import O from "./SearchResults/SearchResults.js";
 import { TextVariants as A } from "../Text/types.js";
 import F from "../Text/Text.js";
 import { useOnClickOutside as K } from "../../node_modules/usehooks-ts/dist/index.js";
@@ -12,11 +12,11 @@ import { HeaderContext as M } from "../../site-furniture/Header/Header.js";
 import { SearchButton as U } from "./SearchButton.js";
 import q from "../../node_modules/react-transition-group/esm/CSSTransition.js";
 const ne = ({
-  onSearch: u,
+  onSearch: p,
   searchResults: C = [],
   state: c = "idle",
-  defaultValue: E = "",
-  className: I,
+  defaultValue: I = "",
+  className: E,
   placeholder: R = "",
   searchButtonText: l = "Search",
   loadingText: b = "Search In Progress...",
@@ -26,8 +26,8 @@ const ne = ({
   ...S
 }) => {
   var N;
-  const { className: e, "data-testid": d, ...L } = j(S, "Search"), o = i.useContext(M), m = i.useRef(null), h = i.useRef(null), v = i.useRef(null), t = o.isSearchExpanded, n = (N = m.current) == null ? void 0 : N.value, T = u ? (r) => {
-    u(r.target.value);
+  const { className: e, "data-testid": d, ...L } = V(S, "Search"), o = i.useContext(M), m = i.useRef(null), h = i.useRef(null), v = i.useRef(null), t = o.isSearchExpanded, n = (N = m.current) == null ? void 0 : N.value, T = p ? (r) => {
+    p(r.target.value);
   } : void 0;
   K(v, () => $(!1));
   const x = (r) => {
@@ -52,7 +52,7 @@ const ne = ({
     var s;
     o.setIsSearchExpanded(r), (s = h.current) == null || s.reset();
   };
-  return /* @__PURE__ */ a("div", { className: `${e}__container`, children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ a("div", { className: `${e}__container`, children: /* @__PURE__ */ u(
     "div",
     {
       onClick: () => o.setIsSearchExpanded(!0),
@@ -64,23 +64,23 @@ const ne = ({
           "div",
           {
             ...L,
-            className: p(e, I, { [`${e}--active`]: t }),
+            className: f(e, E, { [`${e}--active`]: t }),
             "data-testid": d,
             role: "search",
             ...S,
-            children: /* @__PURE__ */ f(
+            children: /* @__PURE__ */ u(
               "form",
               {
                 "data-testid": `${d}-form`,
-                className: p(`${e}__form`, {
+                className: f(`${e}__form`, {
                   [`${e}__form--active`]: t
                 }),
                 ref: h,
                 children: [
-                  /* @__PURE__ */ f(
+                  /* @__PURE__ */ u(
                     "div",
                     {
-                      className: p(`${e}__content-wrapper`, {
+                      className: f(`${e}__content-wrapper`, {
                         [`${e}__content-wrapper--active`]: t
                       }),
                       role: "combobox",
@@ -90,11 +90,11 @@ const ne = ({
                           q,
                           {
                             in: t,
-                            classNames: `${D}-input`,
+                            classNames: `${j}-input`,
                             addEndListener: () => {
                             },
                             children: /* @__PURE__ */ a(
-                              H,
+                              D,
                               {
                                 "aria-hidden": !t,
                                 className: `${e}__input`,
@@ -103,7 +103,7 @@ const ne = ({
                                 labelText: l,
                                 placeholder: t ? R : "",
                                 type: "text",
-                                defaultValue: E,
+                                defaultValue: I,
                                 invalid: c === "invalid",
                                 invalidText: w,
                                 onKeyDown: x,
@@ -128,14 +128,15 @@ const ne = ({
                     }
                   ),
                   n && n.length > 2 ? /* @__PURE__ */ a(
-                    V,
+                    O,
                     {
                       autoCompleteResults: C,
                       isLoading: c === "loading",
                       loadingText: b,
                       onKeyDown: x,
+                      userInputValue: n,
                       children: /* @__PURE__ */ a("li", { className: `${e}__result`, children: /* @__PURE__ */ a(
-                        O,
+                        H,
                         {
                           href: ((r) => g(_(r)))(n),
                           children: /* @__PURE__ */ a("p", { children: k(n) })

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

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

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

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

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

@@ -9,7 +9,6 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
      * The OOTB style to apply to the text
      */
     variant?: TextVariants;
-    superScript?: string;
 }
 /**
  * ## Overview
@@ -20,5 +19,5 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-text--overview)
  */
-declare const Text: ({ children, className, element: CustomElement, variant, superScript, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
+declare const Text: ({ children, className, element: CustomElement, variant, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export default Text;

package/dist/components/Text/Text.js

@@ -1,30 +1,20 @@
-import { jsxs as i, jsx as p } from "react/jsx-runtime";
-import { getCommonProps as x } from "../../utils/index.js";
+import { jsx as l } from "react/jsx-runtime";
+import { getCommonProps as c } from "../../utils/index.js";
 import { TextVariants as f } from "./types.js";
-import { determineDefaultTextElement as d, determineTextClassName as N } from "./utils.js";
-import o from "../../node_modules/classnames/index.js";
-const j = ({
-  children: r,
-  className: a,
-  element: n,
-  variant: e = f.body2,
-  superScript: m = "",
-  ...s
-}) => {
-  const l = n || d(e), { className: t, ...c } = x(s, "Text");
-  return /* @__PURE__ */ i(
-    l,
+import { determineDefaultTextElement as i, determineTextClassName as p } from "./utils.js";
+import x from "../../node_modules/classnames/index.js";
+const b = ({ children: t, className: o, element: s, variant: e = f.body2, ...m }) => {
+  const r = s || i(e), { className: a, ...n } = c(m, "Text");
+  return /* @__PURE__ */ l(
+    r,
     {
-      ...c,
-      className: o(t, a, N(e)),
-      ...s,
-      children: [
-        r,
-        m ? /* @__PURE__ */ p("span", { className: o(`${t}--super-script`), children: m }) : null
-      ]
+      ...n,
+      className: x(a, o, p(e)),
+      ...m,
+      children: t
     }
   );
 };
 export {
-  j as default
+  b as default
 };

package/dist/components/TextSymbol/TextSymbol.d.ts

@@ -0,0 +1,9 @@
+import { TextSymbolVariants } from './types';
+export interface TextSymbolProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * The varian of the text symbol which will determine the position and spacing
+     */
+    variant?: TextSymbolVariants;
+}
+declare const TextSymbol: ({ children, variant, className, ...props }: TextSymbolProps) => import("react/jsx-runtime").JSX.Element;
+export default TextSymbol;

package/dist/components/TextSymbol/TextSymbol.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import l from "../../node_modules/classnames/index.js";
+import { getCommonProps as n } from "../../utils/index.js";
+import { TextSymbolVariants as c } from "./types.js";
+const x = ({ children: s, variant: t = c.lotNumber, className: a, ...m }) => {
+  const { className: o, ...r } = n(m, "TextSymbol");
+  return /* @__PURE__ */ e("span", { ...r, className: l(o, a, `${o}--${t}`), ...m, children: s });
+};
+export {
+  x as default
+};

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

@@ -0,0 +1,2 @@
+export { TextSymbolVariants } from './types';
+export { default as TextSymbols, type TextSymbolProps } from './TextSymbol';

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

@@ -0,0 +1,4 @@
+export declare enum TextSymbolVariants {
+    estimation = "estimation",
+    lotNumber = "lotNumber"
+}

package/dist/components/TextSymbol/types.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((t) => (t.estimation = "estimation", t.lotNumber = "lotNumber", t))(e || {});
+export {
+  e as TextSymbolVariants
+};

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export { default as Drawer } from './components/Drawer/Drawer';
 export { default as Pagination, type PaginationProps } from './components/Pagination/Pagination';
 export { default as StatefulViewingsList, type StatefulViewingsListProps, } from './patterns/ViewingsList/StatefulViewingsList';
 export * from './components/Text';
+export * from './components/TextSymbol';
 export * from './components/Accordion';
 export { default as UserManagement, type UserManagementProps } from './patterns/UserManagement/UserManagement';
 export { AuthState } from './patterns/UserManagement/types';