@phillips/seldon 1.26.0 → 1.26.2

package/dist/components/Select/Select.js

@@ -1,15 +1,15 @@
-import { jsxs as R, jsx as l } from "react/jsx-runtime";
-import * as y from "react";
-import a from "../../node_modules/classnames/index.js";
-import { px as t, useNormalizedInputProps as z } from "../../utils/index.js";
-const S = y.forwardRef(
+import { jsxs as P, jsx as l } from "react/jsx-runtime";
+import * as R from "react";
+import n from "../../node_modules/classnames/index.js";
+import { px as t, useNormalizedInputProps as S } from "../../utils/index.js";
+const z = R.forwardRef(
   ({
     children: r,
-    className: n,
-    defaultValue: o,
-    disabled: d,
+    className: a,
+    defaultValue: d,
+    disabled: o,
     hideLabel: u,
-    id: e,
+    id: i,
     inline: m,
     invalid: $,
     invalidText: c,
@@ -21,38 +21,39 @@ const S = y.forwardRef(
     value: h,
     warn: v,
     warnText: x,
-    ...j
-  }, N) => {
-    const s = "select", i = z({ disabled: d, id: e, invalid: $, invalidText: c, readOnly: p, type: s, warn: v, warnText: x }), P = a(`${t}-${s}-input`, `${t}-input`, `${t}-input--${w}`, {
+    ...N
+  }, j) => {
+    const s = "select", e = S({ disabled: o, id: i, invalid: $, invalidText: c, readOnly: p, type: s, warn: v, warnText: x }), y = n(`${t}-${s}-input`, `${t}-input`, `${t}-input--${w}`, {
       [`${t}-input--inline`]: m,
       [`${t}-input--readonly`]: p,
-      [`${t}-input--disabled`]: i.disabled,
-      [`${t}-input--invalid`]: i.invalid,
-      [`${t}-input--warn`]: i.warn,
-      [`${n}__wrapper`]: n
+      [`${t}-input--disabled`]: e.disabled,
+      [`${t}-input--invalid`]: e.invalid,
+      [`${t}-input--warn`]: e.warn,
+      [`${a}__wrapper`]: a
     });
-    return /* @__PURE__ */ R("div", { className: P, children: [
-      /* @__PURE__ */ l("label", { htmlFor: e, className: a(`${t}-input__label`, { [`${t}-input__label--hidden`]: u }), children: _ }),
+    return /* @__PURE__ */ P("div", { className: y, children: [
+      /* @__PURE__ */ l("label", { htmlFor: i, className: n(`${t}-input__label`, { [`${t}-input__label--hidden`]: u }), children: _ }),
       /* @__PURE__ */ l(
         "select",
         {
-          className: a(`${t}-input__input`, { className: n }),
-          "data-testid": e,
-          defaultValue: o,
-          disabled: i.disabled,
-          id: e,
+          className: n(`${t}-input__input`, { className: a }),
+          "data-testid": i,
+          defaultValue: d,
+          disabled: e.disabled,
+          id: i,
           onChange: b,
           onClick: f,
-          ref: N,
+          ref: j,
           value: h,
-          ...j,
+          ...N,
           children: r
         }
       ),
-      i.validation
+      e.validation
     ] });
   }
 );
+z.displayName = "Select";
 export {
-  S as default
+  z as default
 };

package/dist/components/Social/Social.d.ts

@@ -1,4 +1,4 @@
-export interface SocialProps extends React.HTMLAttributes<HTMLElement> {
+export interface SocialProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Title text for the social section
      */
@@ -13,5 +13,5 @@ export interface SocialProps extends React.HTMLAttributes<HTMLElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-social--overview)
  */
-declare const Social: ({ className, children, id, titleText }: SocialProps) => import("react/jsx-runtime").JSX.Element;
+declare const Social: ({ className, children, titleText, ...props }: SocialProps) => import("react/jsx-runtime").JSX.Element;
 export default Social;

package/dist/components/Social/Social.js

@@ -1,10 +1,13 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import r from "../../node_modules/classnames/index.js";
-import { px as o } from "../../utils/index.js";
-const n = ({ className: s, children: l, id: a, titleText: c = "Follow on Social" }) => /* @__PURE__ */ i("div", { "data-testid": a || "social", className: r(`${o}-social`, s), children: [
-  /* @__PURE__ */ e("h3", { className: `${o}-social__header`, children: c }),
-  l
-] });
+import { jsxs as r, jsx as c } from "react/jsx-runtime";
+import i from "../../node_modules/classnames/index.js";
+import { getCommonProps as n } from "../../utils/index.js";
+const h = ({ className: a, children: m, titleText: e = "Follow on Social", ...o }) => {
+  const { className: s, ...l } = n(o, "Social");
+  return /* @__PURE__ */ r("div", { ...l, className: i(s, a), ...o, children: [
+    /* @__PURE__ */ c("h3", { className: `${s}__header`, children: e }),
+    m
+  ] });
+};
 export {
-  n as default
+  h as default
 };

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

@@ -15,5 +15,5 @@ export interface SplitPanelProps extends React.HTMLAttributes<HTMLElement> {
  *
  * [Figma Link](https://www.figma.com/file/Hp2FyltbOmRxTuw9kSwBAd/EPIC-About-Us?type=design&node-id=635-34713&mode=design&t=wKZW1vKP8WePUjrH-0)
  */
-declare const SplitPanel: ({ children, className, element: Element, hasBorder, id, ...props }: SplitPanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const SplitPanel: ({ children, className, element: Element, hasBorder, ...props }: SplitPanelProps) => import("react/jsx-runtime").JSX.Element;
 export default SplitPanel;

package/dist/components/SplitPanel/SplitPanel.js

@@ -1,23 +1,24 @@
-import { jsx as o } from "react/jsx-runtime";
-import m from "../../node_modules/classnames/index.js";
-import { px as t } from "../../utils/index.js";
-const f = ({
-  children: s,
-  className: l,
-  element: a = "section",
-  hasBorder: p = !0,
-  id: e,
-  ...r
-}) => /* @__PURE__ */ o(
-  a,
-  {
-    "data-testid": e || "split-panel",
-    id: e,
-    className: m(`${t}-split-panel`, l, { [`${t}-split-panel--borderless`]: !p }),
-    ...r,
-    children: s
-  }
-);
+import { jsx as l } from "react/jsx-runtime";
+import n from "../../node_modules/classnames/index.js";
+import { getCommonProps as c } from "../../utils/index.js";
+const P = ({
+  children: o,
+  className: m,
+  element: t = "section",
+  hasBorder: a = !0,
+  ...e
+}) => {
+  const { className: s, ...r } = c(e, "SplitPanel");
+  return /* @__PURE__ */ l(
+    t,
+    {
+      ...r,
+      className: n(s, m, { [`${s}--borderless`]: !a }),
+      ...e,
+      children: o
+    }
+  );
+};
 export {
-  f as default
+  P as default
 };

package/dist/components/Subscribe/Subscribe.d.ts

@@ -55,5 +55,5 @@ export interface SubscribeProps extends React.HTMLAttributes<HTMLFormElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-subscribe--overview)
  */
-declare const Subscribe: ({ blurb, buttonText, buttonProps, className, element: Element, id, inputLabelText, inputPlaceholder, title, loadingText, invalidText, successText, subscriptionState, ...props }: SubscribeProps) => import("react/jsx-runtime").JSX.Element;
+declare const Subscribe: ({ blurb, buttonText, buttonProps, className, element: Element, inputLabelText, inputPlaceholder, title, loadingText, invalidText, successText, subscriptionState, ...props }: SubscribeProps) => import("react/jsx-runtime").JSX.Element;
 export default Subscribe;

package/dist/components/Subscribe/Subscribe.js

@@ -1,60 +1,49 @@
-import { jsxs as N, jsx as t } from "react/jsx-runtime";
+import { jsxs as $, jsx as o } from "react/jsx-runtime";
 import y from "../../node_modules/classnames/index.js";
-import { px as s } from "../../utils/index.js";
+import { getCommonProps as C } from "../../utils/index.js";
 import v from "../Input/Input.js";
 import w from "../Button/Button.js";
-import { SubscriptionState as j } from "./types.js";
+import { SubscriptionState as S } from "./types.js";
 const D = ({
-  blurb: o,
-  buttonText: a = "Sign Up",
-  buttonProps: l,
-  className: r,
-  element: c = "form",
-  id: i,
-  inputLabelText: m = "Email*",
-  inputPlaceholder: u = "example@email.com",
-  title: d = "Subscribe to Newsletter",
-  loadingText: b = "Loading...",
-  invalidText: n = "",
-  successText: p,
-  subscriptionState: e = j.Default,
-  ...f
+  blurb: t,
+  buttonText: i = "Sign Up",
+  buttonProps: m,
+  className: n,
+  element: r = "form",
+  inputLabelText: c = "Email*",
+  inputPlaceholder: d = "example@email.com",
+  title: u = "Subscribe to Newsletter",
+  loadingText: p = "Loading...",
+  invalidText: a = "",
+  successText: f,
+  subscriptionState: e = S.Default,
+  ...l
 }) => {
-  const x = e === "invalid", _ = e === "loading", h = e === "success", $ = e !== "default" ? {
-    invalid: n,
-    success: p,
-    loading: b
-  }[e] : "", g = h || _;
-  return /* @__PURE__ */ N(
-    c,
-    {
-      "data-testid": i || "subscribe-form",
-      id: i,
-      className: y(`${s}-subscribe`, r),
-      noValidate: !0,
-      ...f,
-      children: [
-        /* @__PURE__ */ t("h3", { className: `${s}-subscribe__title`, children: d }),
-        o ? /* @__PURE__ */ t("p", { className: `${s}-subscribe__blurb`, children: o }) : null,
-        /* @__PURE__ */ t(
-          v,
-          {
-            className: `${s}-subscribe__input`,
-            type: "email",
-            name: "email",
-            placeholder: u,
-            labelText: m,
-            invalid: x,
-            invalidText: n,
-            warn: g,
-            warnText: $,
-            required: !0
-          }
-        ),
-        /* @__PURE__ */ t(w, { className: `${s}-subscribe__button ${r}`, buttonType: "secondary", type: "submit", ...l, children: a })
-      ]
-    }
-  );
+  const { className: s, ...b } = C(l, "Subscribe"), _ = e === "invalid", x = e === "loading", N = e === "success", g = e !== "default" ? {
+    invalid: a,
+    success: f,
+    loading: p
+  }[e] : "", h = N || x;
+  return /* @__PURE__ */ $(r, { ...b, className: y(s, n), noValidate: !0, ...l, children: [
+    /* @__PURE__ */ o("h3", { className: `${s}__title`, children: u }),
+    t ? /* @__PURE__ */ o("p", { className: `${s}__blurb`, children: t }) : null,
+    /* @__PURE__ */ o(
+      v,
+      {
+        className: `${s}__input`,
+        type: "email",
+        name: "email",
+        placeholder: d,
+        labelText: c,
+        invalid: _,
+        invalidText: a,
+        warn: h,
+        warnText: g,
+        required: !0
+      }
+    ),
+    /* @__PURE__ */ o(w, { className: `${s}__button ${n}`, buttonType: "secondary", type: "submit", ...m, children: i })
+  ] });
 };
 export {
   D as default

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

@@ -19,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, id, element: CustomElement, variant, className, ...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,28 +1,20 @@
 import { jsx as l } from "react/jsx-runtime";
-import { px as p } from "../../utils/index.js";
-import f from "../../node_modules/classnames/index.js";
-import { TextVariants as c } from "./types.js";
-import { determineDefaultTextElement as d, determineTextClassName as i } from "./utils.js";
-const $ = ({
-  children: m,
-  id: t,
-  element: s,
-  variant: e = c.body2,
-  className: o,
-  ...a
-}) => {
-  const r = t ? `text-${t}` : "text", n = `${p}-text`, x = s || d(e);
+import { getCommonProps as c } from "../../utils/index.js";
+import { TextVariants as f } from "./types.js";
+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(
-    x,
+    r,
     {
-      ...a,
-      "data-testid": r,
-      id: t,
-      className: f(n, i(e), o),
-      children: m
+      ...n,
+      className: x(a, o, p(e)),
+      ...m,
+      children: t
     }
   );
 };
 export {
-  $ as default
+  b as default
 };

package/dist/components/ViewingsList/ViewingsList.d.ts

@@ -26,7 +26,7 @@ export interface I18nObject {
     viewingHours1Label?: string;
     viewingHours2Label?: string;
 }
-export interface ViewingsListProps {
+export interface ViewingsListProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * String for Viewing cards that gets nuber appended. EX: 'Title {x}`
      */
@@ -60,5 +60,5 @@ export interface ViewingsListProps {
      */
     onSave: (e: React.MouseEvent<HTMLElement>) => boolean;
 }
-declare const ViewingsList: ({ cardTitle, id, i18n, onAdd, onDelete, onSave, title, viewings, }: ViewingsListProps) => import("react/jsx-runtime").JSX.Element;
+declare const ViewingsList: ({ cardTitle, className, i18n, onAdd, onDelete, onSave, title, viewings, ...props }: ViewingsListProps) => import("react/jsx-runtime").JSX.Element;
 export default ViewingsList;

package/dist/components/ViewingsList/ViewingsList.js

@@ -1,54 +1,52 @@
-import { jsxs as B, jsx as l } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import * as d from "react";
-import p from "../../node_modules/classnames/index.js";
-import { px as $ } from "../../utils/index.js";
-import M from "./ViewingsListCard.js";
+import { createElement as L } from "react";
+import S from "../../node_modules/classnames/index.js";
+import { getCommonProps as M } from "../../utils/index.js";
+import P from "./ViewingsListCard.js";
 import R from "../Button/Button.js";
-const S = () => Math.floor(Math.random() * 100) + Date.now(), z = ({
-  cardTitle: O = "Viewing Details",
-  id: f,
-  i18n: r = {},
-  onAdd: m,
+const $ = () => Math.floor(Math.random() * 100) + Date.now(), G = ({
+  cardTitle: C = "Viewing Details",
+  className: E,
+  i18n: f = {},
+  onAdd: r,
   onDelete: e,
-  onSave: D,
-  title: x,
-  viewings: i
+  onSave: N,
+  title: O,
+  viewings: c,
+  ...i
 }) => {
-  const [a, h] = d.useState(i), [c, o] = d.useState(""), [s, u] = d.useState();
+  const [a, h] = d.useState(c), [m, n] = d.useState(""), [s, u] = d.useState(), { className: p, ...D } = M(i, "ViewingsList");
   d.useEffect(() => {
-    h(i);
-  }, [i]);
-  const { addViewingsBtnLabel: C = "ADD VIEWINGS" } = r, E = () => {
-    const t = `${S()}${a ? "-" + a.length : ""}`;
-    o(t), u(t), m && m(t);
-  }, N = (t) => {
-    o(""), typeof e == "function" && e(t);
-  }, y = (t) => {
-    o(t), u(a == null ? void 0 : a.find((n) => n.id === t));
-  }, b = (t) => {
-    D(t) && o("");
-  }, j = () => {
-    typeof s == "string" ? typeof e == "function" && e(s) : c === (s == null ? void 0 : s.id) && h((t) => t == null ? void 0 : t.map((n) => n.id === s.id ? s : n)), o("");
+    h(c);
+  }, [c]);
+  const { addViewingsBtnLabel: y = "ADD VIEWINGS" } = f, b = () => {
+    const t = `${$()}${a ? "-" + a.length : ""}`;
+    n(t), u(t), r && r(t);
+  }, V = (t) => {
+    n(""), typeof e == "function" && e(t);
+  }, k = (t) => {
+    n(t), u(a == null ? void 0 : a.find((o) => o.id === t));
+  }, x = (t) => {
+    N(t) && n("");
+  }, B = () => {
+    typeof s == "string" ? typeof e == "function" && e(s) : m === (s == null ? void 0 : s.id) && h((t) => t == null ? void 0 : t.map((o) => o.id === s.id ? s : o)), n("");
   };
-  return /* @__PURE__ */ B("div", { className: p(`${$}-viewings-list`), id: f, children: [
-    /* @__PURE__ */ l("h2", { className: p(`${$}-viewings-list__title`), children: x }),
-    a == null ? void 0 : a.map((t, n) => /* @__PURE__ */ l(
-      M,
-      {
-        ...t,
-        ...r,
-        cardTitle: t.location ? `${O} ${n + 1}` : void 0,
-        editState: c === t.id,
-        onCancel: j,
-        onDelete: N,
-        onEdit: () => y(t.id),
-        onSave: b
-      },
-      `${t.id}`
-    )),
-    /* @__PURE__ */ l(R, { id: `viewings-list-add-btn-${f || S()}`, size: "sm", onClick: E, children: C })
-  ] }, c);
+  return /* @__PURE__ */ L("div", { ...D, className: S(p, E), key: m, ...i }, /* @__PURE__ */ l("h2", { className: S(`${p}__title`), children: O }), a == null ? void 0 : a.map((t, o) => /* @__PURE__ */ l(
+    P,
+    {
+      ...t,
+      ...f,
+      cardTitle: t.location ? `${C} ${o + 1}` : void 0,
+      isEditState: m === t.id,
+      onCancel: B,
+      onDelete: V,
+      onEdit: () => k(t.id),
+      onSave: x
+    },
+    `${t.id}`
+  )), /* @__PURE__ */ l(R, { id: `viewings-list-add-btn-${i.id || $()}`, size: "sm", onClick: b, children: y }));
 };
 export {
-  z as default
+  G as default
 };

package/dist/components/ViewingsList/ViewingsListCard.d.ts

@@ -20,7 +20,7 @@ export interface ViewingsListCardProps extends ViewingsListCardFormProps, Record
     /**
      * Location of viewing
      */
-    editState?: boolean;
+    isEditState?: boolean;
     /**
      * Default boolean to determine whether viewing is enabled on site
      */
@@ -108,5 +108,5 @@ export interface ViewingsListCardProps extends ViewingsListCardFormProps, Record
      */
     saveBtnLabel?: string;
 }
-declare const ViewingsListCard: ({ address1, address1Label, addressUrl, addressUrlLabel, address2, address2Label, address3, address3Label, cancelBtnLabel, cardTitle, deleteBtnLabel, editBtnLabel, editState, enableOnSite, enableOnSiteToggleLabel, email, emailLabel, emailLink, emailLinkLabel, emailOn, emailToggleLabel, id, invalidFields, location, locationLabel, onCancel, onEdit, onDelete, onSave, previewDates, previewDatesLabel, previewHours1, previewHours1Label, previewHours2, previewHours2Label, previewLabel, previewLabelValue, previewOn, previewToggleLabel, saveBtnLabel, viewingLabel, viewingLabelValue, viewingDates, viewingDatesLabel, viewingHours1, viewingHours1Label, viewingHours2, viewingHours2Label, }: ViewingsListCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const ViewingsListCard: ({ address1, address1Label, addressUrl, addressUrlLabel, address2, address2Label, address3, address3Label, cancelBtnLabel, cardTitle, deleteBtnLabel, editBtnLabel, isEditState: editState, enableOnSite, enableOnSiteToggleLabel, email, emailLabel, emailLink, emailLinkLabel, emailOn, emailToggleLabel, id, invalidFields, location, locationLabel, onCancel, onEdit, onDelete, onSave, previewDates, previewDatesLabel, previewHours1, previewHours1Label, previewHours2, previewHours2Label, previewLabel, previewLabelValue, previewOn, previewToggleLabel, saveBtnLabel, viewingLabel, viewingLabelValue, viewingDates, viewingDatesLabel, viewingHours1, viewingHours1Label, viewingHours2, viewingHours2Label, }: ViewingsListCardProps) => import("react/jsx-runtime").JSX.Element;
 export default ViewingsListCard;