@phillips/seldon 1.9.2 → 1.10.0

package/dist/components/Button/{Button.mjs → Button.js}

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import b from "../../node_modules/classnames/index.mjs";
-import { px as t } from "../../utils/index.mjs";
+import b from "../../node_modules/classnames/index.js";
+import { px as t } from "../../utils/index.js";
 const f = ({ buttonType: n = "primary", size: a = "md", children: r, iconLast: s = !1, id: o, ...u }) => /* @__PURE__ */ m(
   "button",
   {

package/dist/components/Header/{Header.mjs → Header.js}

@@ -1,5 +1,5 @@
 import { jsx as l, jsxs as e, Fragment as d } from "react/jsx-runtime";
-import i from "../Button/Button.mjs";
+import i from "../Button/Button.js";
 const a = ({ user: n, onLogin: h, onLogout: r, onCreateAccount: c }) => /* @__PURE__ */ l("header", { children: /* @__PURE__ */ e("div", { className: "storybook-header", children: [
   /* @__PURE__ */ e("div", { children: [
     /* @__PURE__ */ l("svg", { width: "32", height: "32", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("g", { fill: "none", fillRule: "evenodd", children: [

package/dist/components/HeroBanner/{HeroBanner.mjs → HeroBanner.js}

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as s } from "react/jsx-runtime";
-import { px as t } from "../../utils/index.mjs";
+import { px as t } from "../../utils/index.js";
 const r = `${t}-hero-banner`, m = ({ prehead: e, date: l, headerText: o, subHeadText: c, association: h, background: p, id: a }) => /* @__PURE__ */ n(
   "header",
   {

package/dist/components/Input/{Input.mjs → Input.js}

@@ -1,7 +1,7 @@
 import { jsxs as P, jsx as l } from "react/jsx-runtime";
 import * as R from "react";
-import d from "../../node_modules/classnames/index.mjs";
-import { px as i, useNormalizedInputProps as y } from "../../utils/index.mjs";
+import d from "../../node_modules/classnames/index.js";
+import { px as i, useNormalizedInputProps as y } from "../../utils/index.js";
 const z = R.forwardRef(
   ({
     className: a,

package/dist/components/Select/{Select.mjs → Select.js}

@@ -1,7 +1,7 @@
 import { jsxs as R, jsx as l } from "react/jsx-runtime";
 import * as y from "react";
-import a from "../../node_modules/classnames/index.mjs";
-import { px as t, useNormalizedInputProps as z } from "../../utils/index.mjs";
+import a from "../../node_modules/classnames/index.js";
+import { px as t, useNormalizedInputProps as z } from "../../utils/index.js";
 const S = y.forwardRef(
   ({
     children: r,

package/dist/components/ViewingsList/{StatefulViewingsList.mjs → StatefulViewingsList.js}

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import * as u from "react";
-import c from "./ViewingsList.mjs";
+import c from "./ViewingsList.js";
 const S = ({
   defaultViewing: o,
   i18n: d,

package/dist/components/ViewingsList/{ViewingsList.mjs → ViewingsList.js}

@@ -1,9 +1,9 @@
 import { jsxs as B, jsx as l } from "react/jsx-runtime";
 import * as d from "react";
-import p from "../../node_modules/classnames/index.mjs";
-import { px as $ } from "../../utils/index.mjs";
-import M from "./ViewingsListCard.mjs";
-import R from "../Button/Button.mjs";
+import p from "../../node_modules/classnames/index.js";
+import { px as $ } from "../../utils/index.js";
+import M 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,

package/dist/components/ViewingsList/{ViewingsListCard.mjs → ViewingsListCard.js}

@@ -1,10 +1,10 @@
 import { jsxs as a, jsx as t, Fragment as y } from "react/jsx-runtime";
 import * as r from "react";
-import st from "../../node_modules/classnames/index.mjs";
-import { px as $ } from "../../utils/index.mjs";
-import g from "../Input/Input.mjs";
-import u from "../Button/Button.mjs";
-import ct from "./ViewingsListCardForm.mjs";
+import st from "../../node_modules/classnames/index.js";
+import { px as $ } from "../../utils/index.js";
+import g from "../Input/Input.js";
+import u from "../Button/Button.js";
+import ct from "./ViewingsListCardForm.js";
 const l = `${$}-viewings-list-card`, ft = ({
   address1: C,
   address1Label: E,

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

@@ -49,10 +49,13 @@ export interface ViewingsListCardFormProps {
         previewHours2?: string | undefined;
         previewLabelValue?: string | undefined;
         previewOn?: string | undefined;
+        emailOn?: string | undefined;
         viewingLabelValue?: string | undefined;
         viewingDates?: string | undefined;
         viewingHours1?: string | undefined;
         viewingHours2?: string | undefined;
+        emailLabel?: string | undefined;
+        emailToggleLabel?: string | undefined;
     };
     /**
      * Label for preview label input
@@ -126,6 +129,30 @@ export interface ViewingsListCardFormProps {
      * Label for viewing Hours1 input
      */
     viewingHours2Label?: string;
+    /**
+     * Email toggle
+     */
+    emailOn?: string;
+    /**
+     * Email value:
+     */
+    email?: string;
+    /**
+     * Label for email toggle
+     */
+    emailToggleLabel?: string;
+    /**
+     * Label for email input:
+     */
+    emailLabel?: string;
+    /**
+     * EmailLink value
+     */
+    emailLink?: string;
+    /**
+     * Label for email Link input:
+     */
+    emailLinkLabel?: string;
 }
-declare const ViewingsListCardForm: ({ address1, address1Label, addressUrl, addressUrlLabel, address2, address2Label, address3, address3Label, id, invalidFields, previewDates, previewDatesLabel, previewHours1, previewHours1Label, previewHours2, previewHours2Label, previewLabel, previewLabelValue, previewOn, previewToggleLabel, viewingLabel, viewingLabelValue, viewingDates, viewingDatesLabel, viewingHours1, viewingHours1Label, viewingHours2, viewingHours2Label, }: ViewingsListCardFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const ViewingsListCardForm: ({ address1, address1Label, addressUrl, addressUrlLabel, address2, address2Label, address3, address3Label, id, invalidFields, previewDates, previewDatesLabel, previewHours1, previewHours1Label, previewHours2, previewHours2Label, previewLabel, previewLabelValue, previewOn, previewToggleLabel, viewingLabel, viewingLabelValue, viewingDates, viewingDatesLabel, viewingHours1, viewingHours1Label, viewingHours2, viewingHours2Label, emailOn, emailToggleLabel, email, emailLabel, emailLink, emailLinkLabel, }: ViewingsListCardFormProps) => import("react/jsx-runtime").JSX.Element;
 export default ViewingsListCardForm;

package/dist/components/ViewingsList/{ViewingsListCardForm.mjs → ViewingsListCardForm.js}

@@ -1,88 +1,129 @@
-import { jsxs as p, Fragment as Y, jsx as t } from "react/jsx-runtime";
-import Z from "../../node_modules/classnames/index.mjs";
-import * as x from "react";
-import { px as q } from "../../utils/index.mjs";
-import u from "../Input/Input.mjs";
-const T = `${q}-viewings-list-card-form`, M = ({
-  address1: b,
-  address1Label: f = "Address ('432 Park Ave', ETC)",
-  addressUrl: g,
-  addressUrlLabel: H = "URL for map link ('http://www.website.com')",
-  address2: V,
-  address2Label: a = "City, State, Zip ('New York, NY 10019')",
-  address3: $,
-  address3Label: c = "Country (United States)",
+import { jsxs as T, Fragment as W, jsx as t } from "react/jsx-runtime";
+import b from "../../node_modules/classnames/index.js";
+import * as a from "react";
+import { px as X } from "../../utils/index.js";
+import u from "../Input/Input.js";
+const o = `${X}-viewings-list-card-form`, l = ({
+  address1: g,
+  address1Label: V = "Address ('432 Park Ave', ETC)",
+  addressUrl: $,
+  addressUrlLabel: c = "URL for map link ('http://www.website.com')",
+  address2: H,
+  address2Label: h = "City, State, Zip ('New York, NY 10019')",
+  address3: z,
+  address3Label: L = "Country (United States)",
   id: r,
   invalidFields: e,
-  previewDates: z,
-  previewDatesLabel: h = "Date(s)",
-  previewHours1: L,
-  previewHours1Label: D = "Hours1",
-  previewHours2: C,
-  previewHours2Label: O = "Hours2",
-  previewLabel: U = "Label ('Preview', 'Opening NIght', etc)",
-  previewLabelValue: y,
-  previewOn: m = "false",
-  previewToggleLabel: S = "Preview/ Reception",
-  viewingLabel: k = "Label ('Open to public')",
-  viewingLabelValue: N,
+  previewDates: O,
+  previewDatesLabel: D = "Date(s)",
+  previewHours1: C,
+  previewHours1Label: S = "Hours1",
+  previewHours2: _,
+  previewHours2Label: k = "Hours2",
+  previewLabel: y = "Label ('Preview', 'Opening NIght', etc)",
+  previewLabelValue: E,
+  previewOn: p = "false",
+  previewToggleLabel: U = "Preview/ Reception",
+  viewingLabel: N = "Label ('Open to public')",
+  viewingLabelValue: A,
   viewingDates: P,
-  viewingDatesLabel: _ = "Date(s)",
+  viewingDatesLabel: I = "Date(s)",
   viewingHours1: R,
   viewingHours1Label: j = "Hours1",
-  viewingHours2: A,
-  viewingHours2Label: E = "Hours2"
+  viewingHours2: Y,
+  viewingHours2Label: Z = "Hours2",
+  emailOn: q = "false",
+  emailToggleLabel: B = "Include Email Address",
+  email: G,
+  emailLabel: J = "Email",
+  emailLink: K,
+  emailLinkLabel: M = "Email Address"
 }) => {
-  const [w, o] = x.useState(m === "true");
-  return x.useEffect(() => {
-    o(m === "true");
-  }, [m]), /* @__PURE__ */ p(Y, { children: [
+  const [m, f] = a.useState(p === "true"), [w, Q] = a.useState(q === "true");
+  return a.useEffect(() => {
+    f(p === "true");
+  }, [p]), /* @__PURE__ */ T(W, { children: [
+    /* @__PURE__ */ t(
+      u,
+      {
+        id: `viewingLabel-${r}`,
+        name: "viewingLabelValue",
+        defaultValue: A,
+        labelText: N,
+        size: "sm",
+        invalid: e == null ? void 0 : e.viewingLabelValue,
+        invalidText: e == null ? void 0 : e.viewingLabelValue
+      }
+    ),
+    /* @__PURE__ */ t(
+      u,
+      {
+        id: `viewingDates-${r}`,
+        name: "viewingDates",
+        defaultValue: P,
+        labelText: I,
+        size: "sm",
+        invalid: e == null ? void 0 : e.viewingDates,
+        invalidText: e == null ? void 0 : e.viewingDates
+      }
+    ),
+    /* @__PURE__ */ t(
+      u,
+      {
+        id: `viewingHours1-${r}`,
+        name: "viewingHours1",
+        defaultValue: R,
+        labelText: j,
+        size: "sm",
+        invalid: e == null ? void 0 : e.viewingHours1,
+        invalidText: e == null ? void 0 : e.viewingHours1
+      }
+    ),
+    /* @__PURE__ */ t(
+      u,
+      {
+        id: `viewingHours2-${r}`,
+        name: "viewingHours2",
+        defaultValue: Y,
+        labelText: Z,
+        size: "sm",
+        invalid: e == null ? void 0 : e.viewingHours2,
+        invalidText: e == null ? void 0 : e.viewingHours2
+      }
+    ),
     /* @__PURE__ */ t(
       u,
       {
         id: `previewOn-${r}`,
         type: "toggle",
-        labelText: S,
+        labelText: U,
         size: "md",
-        defaultChecked: w,
+        defaultChecked: m,
         inline: !0,
         invalid: e == null ? void 0 : e.previewOn,
         invalidText: e == null ? void 0 : e.previewOn,
         value: !0,
         name: "previewOn",
-        onChange: () => o((I) => !I)
+        onChange: () => f((x) => !x)
       }
     ),
-    w ? null : /* @__PURE__ */ t("input", { type: "hidden", name: "previewOn", value: "false" }),
-    /* @__PURE__ */ p(
+    m ? null : /* @__PURE__ */ t("input", { type: "hidden", name: "previewOn", value: "false" }),
+    /* @__PURE__ */ T(
       "div",
       {
-        className: Z(`${T}__preview-set`, { [`${T}__preview-set--hidden`]: !w }),
+        className: b(`${o}__preview-set`, { [`${o}__preview-set--hidden`]: !m }),
         children: [
-          /* @__PURE__ */ t(
-            u,
-            {
-              id: `previewLabel-${r}`,
-              name: "previewLabelValue",
-              defaultValue: y,
-              labelText: U,
-              size: "sm",
-              invalid: e == null ? void 0 : e.previewLabelValue,
-              invalidText: e == null ? void 0 : e.previewLabelValue,
-              hidden: !w
-            }
-          ),
           /* @__PURE__ */ t(
             u,
             {
               id: `previewDates-${r}`,
               name: "previewDates",
-              defaultValue: z,
-              labelText: h,
+              defaultValue: O,
+              labelText: D,
               size: "sm",
               invalid: e == null ? void 0 : e.previewDates,
               invalidText: e == null ? void 0 : e.previewDates,
-              hidden: !w
+              hidden: !m
             }
           ),
           /* @__PURE__ */ t(
@@ -90,12 +131,12 @@ const T = `${q}-viewings-list-card-form`, M = ({
             {
               id: `previewHours1-${r}`,
               name: "previewHours1",
-              defaultValue: L,
-              labelText: D,
+              defaultValue: C,
+              labelText: S,
               size: "sm",
               invalid: e == null ? void 0 : e.previewHours1,
               invalidText: e == null ? void 0 : e.previewHours1,
-              hidden: !w
+              hidden: !m
             }
           ),
           /* @__PURE__ */ t(
@@ -103,12 +144,25 @@ const T = `${q}-viewings-list-card-form`, M = ({
             {
               id: `previewHours2-${r}`,
               name: "previewHours2",
-              defaultValue: C,
-              labelText: O,
+              defaultValue: _,
+              labelText: k,
               size: "sm",
               invalid: e == null ? void 0 : e.previewHours2,
               invalidText: e == null ? void 0 : e.previewHours2,
-              hidden: !w
+              hidden: !m
+            }
+          ),
+          /* @__PURE__ */ t(
+            u,
+            {
+              id: `previewLabel-${r}`,
+              name: "previewLabelValue",
+              defaultValue: E,
+              labelText: y,
+              size: "sm",
+              invalid: e == null ? void 0 : e.previewLabelValue,
+              invalidText: e == null ? void 0 : e.previewLabelValue,
+              hidden: !m
             }
           )
         ]
@@ -117,61 +171,26 @@ const T = `${q}-viewings-list-card-form`, M = ({
     /* @__PURE__ */ t(
       u,
       {
-        id: `viewingLabel-${r}`,
-        name: "viewingLabelValue",
-        defaultValue: N,
-        labelText: k,
-        size: "sm",
-        invalid: e == null ? void 0 : e.viewingLabelValue,
-        invalidText: e == null ? void 0 : e.viewingLabelValue
-      }
-    ),
-    /* @__PURE__ */ t(
-      u,
-      {
-        id: `viewingDates-${r}`,
-        name: "viewingDates",
-        defaultValue: P,
-        labelText: _,
-        size: "sm",
-        invalid: e == null ? void 0 : e.viewingDates,
-        invalidText: e == null ? void 0 : e.viewingDates
-      }
-    ),
-    /* @__PURE__ */ t(
-      u,
-      {
-        id: `viewingHours1-${r}`,
-        name: "viewingHours1",
-        defaultValue: R,
-        labelText: j,
-        size: "sm",
-        invalid: e == null ? void 0 : e.viewingHours1,
-        invalidText: e == null ? void 0 : e.viewingHours1
-      }
-    ),
-    /* @__PURE__ */ t(
-      u,
-      {
-        id: `viewingHours2-${r}`,
-        name: "viewingHours2",
-        defaultValue: A,
-        labelText: E,
+        id: `address1-${r}`,
+        name: "address1",
+        defaultValue: g,
+        labelText: V,
         size: "sm",
-        invalid: e == null ? void 0 : e.viewingHours2,
-        invalidText: e == null ? void 0 : e.viewingHours2
+        invalid: e == null ? void 0 : e.address1,
+        invalidText: e == null ? void 0 : e.address1
       }
     ),
     /* @__PURE__ */ t(
       u,
       {
-        id: `address1-${r}`,
-        name: "address1",
-        defaultValue: b,
-        labelText: f,
+        id: `addressUrl-${r}`,
+        name: "addressUrl",
+        defaultValue: $,
+        labelText: c,
         size: "sm",
-        invalid: e == null ? void 0 : e.address1,
-        invalidText: e == null ? void 0 : e.address1
+        type: "url",
+        invalid: e == null ? void 0 : e.addressUrl,
+        invalidText: e == null ? void 0 : e.addressUrl
       }
     ),
     /* @__PURE__ */ t(
@@ -179,8 +198,8 @@ const T = `${q}-viewings-list-card-form`, M = ({
       {
         id: `address2-${r}`,
         name: "address2",
-        defaultValue: V,
-        labelText: a,
+        defaultValue: H,
+        labelText: h,
         size: "sm",
         invalid: e == null ? void 0 : e.address2,
         invalidText: e == null ? void 0 : e.address2
@@ -191,8 +210,8 @@ const T = `${q}-viewings-list-card-form`, M = ({
       {
         id: `address3-${r}`,
         name: "address3",
-        defaultValue: $,
-        labelText: c,
+        defaultValue: z,
+        labelText: L,
         size: "sm",
         invalid: e == null ? void 0 : e.address3,
         invalidText: e == null ? void 0 : e.address3
@@ -201,18 +220,56 @@ const T = `${q}-viewings-list-card-form`, M = ({
     /* @__PURE__ */ t(
       u,
       {
-        id: `addressUrl-${r}`,
-        name: "addressUrl",
-        defaultValue: g,
-        labelText: H,
-        size: "sm",
-        type: "url",
-        invalid: e == null ? void 0 : e.addressUrl,
-        invalidText: e == null ? void 0 : e.addressUrl
+        id: `emailOn-${r}`,
+        type: "toggle",
+        labelText: B,
+        size: "md",
+        defaultChecked: w,
+        inline: !0,
+        invalid: e == null ? void 0 : e.emailOn,
+        invalidText: e == null ? void 0 : e.emailOn,
+        value: !0,
+        name: "emailOn",
+        onChange: () => Q((x) => !x)
+      }
+    ),
+    w ? null : /* @__PURE__ */ t("input", { type: "hidden", name: "emailOn", value: "false" }),
+    /* @__PURE__ */ T(
+      "div",
+      {
+        className: b(`${o}__preview-set`, { [`${o}__preview-set--hidden`]: !w }),
+        children: [
+          /* @__PURE__ */ t(
+            u,
+            {
+              id: `email-${r}`,
+              name: "email",
+              defaultValue: G,
+              labelText: J,
+              size: "sm",
+              invalid: e == null ? void 0 : e.address2,
+              invalidText: e == null ? void 0 : e.address2,
+              hidden: !w
+            }
+          ),
+          /* @__PURE__ */ t(
+            u,
+            {
+              id: `emailLink-${r}`,
+              name: "emailLink",
+              defaultValue: K,
+              labelText: M,
+              size: "sm",
+              invalid: e == null ? void 0 : e.address3,
+              invalidText: e == null ? void 0 : e.address3,
+              hidden: !w
+            }
+          )
+        ]
       }
     )
   ] });
 };
 export {
-  M as default
+  l as default
 };

package/dist/{index.mjs → index.js}

@@ -1,12 +1,12 @@
-import { default as r } from "./components/Button/Button.mjs";
-import { default as o } from "./components/ErrorBoundary/ErrorBoundary.mjs";
-import { default as s } from "./components/Header/Header.mjs";
-import { default as d } from "./components/HeroBanner/HeroBanner.mjs";
-import { default as p } from "./components/Input/Input.mjs";
-import { default as x } from "./components/Select/Select.mjs";
-import { default as i } from "./components/ViewingsList/ViewingsList.mjs";
-import { default as B } from "./components/ViewingsList/StatefulViewingsList.mjs";
-import { default as H } from "./pages/Page.mjs";
+import { default as r } from "./components/Button/Button.js";
+import { default as o } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as s } from "./components/Header/Header.js";
+import { default as d } from "./components/HeroBanner/HeroBanner.js";
+import { default as p } from "./components/Input/Input.js";
+import { default as x } from "./components/Select/Select.js";
+import { default as i } from "./components/ViewingsList/ViewingsList.js";
+import { default as B } from "./components/ViewingsList/StatefulViewingsList.js";
+import { default as H } from "./pages/Page.js";
 export {
   r as Button,
   o as ErrorBoundary,

package/dist/node_modules/classnames/{index.mjs → index.js}

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as u } from "../../_virtual/_commonjsHelpers.mjs";
-import { __module as i } from "../../_virtual/index.mjs";
+import { getDefaultExportFromCjs as u } from "../../_virtual/_commonjsHelpers.js";
+import { __module as i } from "../../_virtual/index.js";
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see

package/dist/pages/{Page.mjs → Page.js}

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import * as n from "react";
-import a from "../components/Header/Header.mjs";
+import a from "../components/Header/Header.js";
 const h = () => {
   const [r, t] = n.useState();
   return /* @__PURE__ */ o("article", { children: [

package/dist/scss/styles.scss

@@ -5,7 +5,7 @@
 @import './typography';
 // ⚛️ Components
 @import 'components/Button/button';
-@import 'components/DatePicker/datePicker';
+// @import 'components/DatePicker/datePicker';
 @import 'components/Header/header';
 @import 'components/HeroBanner/heroBanner';
 @import 'components/Input/input';

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.9.2",
+  "version": "1.10.0",
   "type": "module",
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.mjs",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "import": {
         "types": "./dist/index.d.ts",
-        "default": "./dist/index.mjs"
+        "default": "./dist/index.js"
       }
     },
     "./dist/": {