@phillips/seldon 1.119.0 → 1.121.0

package/dist/patterns/ViewingsList/ViewingsListCard.js

@@ -1,167 +1,166 @@
-import { jsxs as f, jsx as t, Fragment as $ } from "react/jsx-runtime";
-import * as c from "react";
-import ft from "../../node_modules/classnames/index.js";
-import { px as i } from "../../utils/index.js";
-import y from "../../components/Input/Input.js";
-import s from "../../components/Button/Button.js";
-import { ButtonVariants as l } from "../../components/Button/types.js";
-import mt from "./ViewingsListCardForm.js";
-const u = `${i}-viewings-list-card`, dt = ({
-  address1: d,
-  address1Label: C,
-  addressUrl: O,
-  addressUrlLabel: w,
-  address2: v,
-  address2Label: x,
-  address3: A,
-  address3Label: L,
-  cancelBtnLabel: T = "CANCEL",
-  cardTitle: V = "Add New Viewing",
-  deleteBtnLabel: _ = "DELETE",
-  editBtnLabel: k = "EDIT",
-  isEditState: o,
+import { jsxs as f, jsx as t, Fragment as g } from "react/jsx-runtime";
+import * as l from "react";
+import ut from "../../node_modules/classnames/index.js";
+import { px as c } from "../../utils/index.js";
+import v from "../../components/Input/Input.js";
+import o from "../../components/Button/Button.js";
+import { ButtonVariants as r } from "../../components/Button/types.js";
+import ft from "./ViewingsListCardForm.js";
+const s = `${c}-viewings-list-card`, Et = ({
+  address1: E,
+  address1Label: $,
+  addressUrl: y,
+  addressUrlLabel: C,
+  address2: O,
+  address2Label: w,
+  address3: x,
+  address3Label: A,
+  cancelBtnLabel: L = "CANCEL",
+  cardTitle: T = "Add New Viewing",
+  deleteBtnLabel: V = "DELETE",
+  editBtnLabel: _ = "EDIT",
+  isEditState: n,
   enableOnSite: m = "false",
-  enableOnSiteToggleLabel: I = "Enabled on website",
-  email: N,
-  emailLabel: S = "Email",
-  emailLink: j,
-  emailLinkLabel: z = "Email Address",
-  emailOn: B = "false",
-  emailToggleLabel: D = "Include Email Address",
+  enableOnSiteToggleLabel: k = "Enabled on website",
+  email: I,
+  emailLabel: N = "Email",
+  emailLink: S,
+  emailLinkLabel: j = "Email Address",
+  emailOn: z = "false",
+  emailToggleLabel: B = "Include Email Address",
   id: e,
-  invalidFields: n,
-  location: R,
-  locationLabel: q = "Location",
-  onCancel: p,
-  onEdit: h,
-  onDelete: b,
-  onSave: g,
-  previewDates: G,
-  previewDatesLabel: H,
-  previewHours1: J,
-  previewHours1Label: K,
-  previewHours2: M,
-  previewHours2Label: P,
-  previewLabel: Q,
-  previewLabelValue: U,
-  previewOn: W,
-  previewToggleLabel: X,
-  saveBtnLabel: Y = "SAVE DETAILS",
-  viewingLabel: Z,
-  viewingLabelValue: F,
-  viewingDates: tt,
-  viewingDatesLabel: et,
-  viewingHours1: nt,
-  viewingHours1Label: ot,
-  viewingHours2: rt,
+  invalidFields: i,
+  location: D,
+  locationLabel: R = "Location",
+  onCancel: d,
+  onEdit: p,
+  onDelete: h,
+  onSave: b,
+  previewDates: q,
+  previewDatesLabel: G,
+  previewHours1: H,
+  previewHours1Label: J,
+  previewHours2: K,
+  previewHours2Label: M,
+  previewLabel: P,
+  previewLabelValue: Q,
+  previewOn: U,
+  previewToggleLabel: W,
+  saveBtnLabel: X = "SAVE DETAILS",
+  viewingLabel: Y,
+  viewingLabelValue: Z,
+  viewingDates: F,
+  viewingDatesLabel: tt,
+  viewingHours1: et,
+  viewingHours1Label: nt,
+  viewingHours2: it,
   viewingHours2Label: at
 }) => {
-  const [ct, st] = c.useState(m === "true"), a = c.useRef(null);
-  c.useEffect(() => {
-    o && a.current && a.current.focus();
-  }, [o]), c.useEffect(() => {
-    var r, E;
-    n && a.current && ((E = (r = a.current.closest(`.${i}-viewings-list-card`)) == null ? void 0 : r.querySelector(`.${i}-input--invalid input`)) == null || E.focus());
-  }, [n]);
-  const lt = () => {
+  const [lt, ot] = l.useState(m === "true"), a = l.useRef(null);
+  l.useEffect(() => {
+    n && a.current && a.current.focus();
+  }, [n]), l.useEffect(() => {
+    i && a.current && a.current.closest(`.${c}-viewings-list-card`)?.querySelector(`.${c}-input--invalid input`)?.focus();
+  }, [i]);
+  const rt = () => {
+    typeof d == "function" && d();
+  }, st = () => {
     typeof p == "function" && p();
-  }, ut = () => {
-    typeof h == "function" && h();
-  }, it = (r) => {
-    typeof g == "function" && g(r);
+  }, ct = (u) => {
+    typeof b == "function" && b(u);
   };
   return /* @__PURE__ */ f(
     "section",
     {
       "data-testid": `viewings-list-card-${e}`,
       id: e,
-      className: ft(`${u}`, { [`${u}--edit-state`]: o }),
+      className: ut(`${s}`, { [`${s}--edit-state`]: n }),
       children: [
-        /* @__PURE__ */ t("h3", { className: `${u}__title`, children: V }),
+        /* @__PURE__ */ t("h3", { className: `${s}__title`, children: T }),
         /* @__PURE__ */ t("input", { type: "hidden", name: "id", value: e }),
         /* @__PURE__ */ t(
-          y,
+          v,
           {
             ref: a,
             id: `location-${e}`,
-            defaultValue: R,
-            labelText: q,
+            defaultValue: D,
+            labelText: R,
             size: "sm",
             name: "location",
-            invalid: !!(n != null && n.location),
-            invalidText: n == null ? void 0 : n.location,
-            readOnly: !o
+            invalid: !!i?.location,
+            invalidText: i?.location,
+            readOnly: !n
           }
         ),
-        o ? /* @__PURE__ */ t(
-          mt,
+        n ? /* @__PURE__ */ t(
+          ft,
           {
-            address1: d,
-            address1Label: C,
-            addressUrl: O,
-            addressUrlLabel: w,
-            address2: v,
-            address2Label: x,
-            address3: A,
-            address3Label: L,
-            email: N,
-            emailLabel: S,
-            emailLink: j,
-            emailLinkLabel: z,
-            emailOn: B,
-            emailToggleLabel: D,
+            address1: E,
+            address1Label: $,
+            addressUrl: y,
+            addressUrlLabel: C,
+            address2: O,
+            address2Label: w,
+            address3: x,
+            address3Label: A,
+            email: I,
+            emailLabel: N,
+            emailLink: S,
+            emailLinkLabel: j,
+            emailOn: z,
+            emailToggleLabel: B,
             id: e,
-            invalidFields: n,
-            previewDates: G,
-            previewDatesLabel: H,
-            previewHours1: J,
-            previewHours1Label: K,
-            previewHours2: M,
-            previewHours2Label: P,
-            previewLabel: Q,
-            previewLabelValue: U,
-            previewOn: W,
-            previewToggleLabel: X,
-            viewingLabel: Z,
-            viewingLabelValue: F,
-            viewingDates: tt,
-            viewingDatesLabel: et,
-            viewingHours1: nt,
-            viewingHours1Label: ot,
-            viewingHours2: rt,
+            invalidFields: i,
+            previewDates: q,
+            previewDatesLabel: G,
+            previewHours1: H,
+            previewHours1Label: J,
+            previewHours2: K,
+            previewHours2Label: M,
+            previewLabel: P,
+            previewLabelValue: Q,
+            previewOn: U,
+            previewToggleLabel: W,
+            viewingLabel: Y,
+            viewingLabelValue: Z,
+            viewingDates: F,
+            viewingDatesLabel: tt,
+            viewingHours1: et,
+            viewingHours1Label: nt,
+            viewingHours2: it,
             viewingHours2Label: at
           }
         ) : null,
         /* @__PURE__ */ t(
-          y,
+          v,
           {
             id: `enableOnSite-${e}`,
             type: "toggle",
             defaultChecked: m === "true",
-            labelText: I,
+            labelText: k,
             size: "md",
             inline: !0,
             value: "true",
             name: "enableOnSite",
-            onChange: () => st((r) => !r),
-            readOnly: !o
+            onChange: () => ot((u) => !u),
+            readOnly: !n
           }
         ),
-        ct ? null : /* @__PURE__ */ t("input", { type: "hidden", name: "enableOnSite", value: "false" }),
+        lt ? null : /* @__PURE__ */ t("input", { type: "hidden", name: "enableOnSite", value: "false" }),
         /* @__PURE__ */ t("hr", {}),
-        /* @__PURE__ */ t("div", { className: `${u}__btn-group ${i}-button__group`, children: o ? /* @__PURE__ */ f($, { children: [
-          /* @__PURE__ */ t(s, { id: `vlc-save-btn-${e}`, variant: l.ghost, type: "submit", onClick: it, children: Y }),
-          /* @__PURE__ */ t(s, { id: `vlc-cancel-btn-${e}`, variant: l.ghost, type: "button", onClick: lt, children: T })
-        ] }) : /* @__PURE__ */ f($, { children: [
-          /* @__PURE__ */ t(s, { id: `vlc-edit-btn-${e}`, variant: l.ghost, type: "button", onClick: ut, children: k }),
+        /* @__PURE__ */ t("div", { className: `${s}__btn-group ${c}-button__group`, children: n ? /* @__PURE__ */ f(g, { children: [
+          /* @__PURE__ */ t(o, { id: `vlc-save-btn-${e}`, variant: r.ghost, type: "submit", onClick: ct, children: X }),
+          /* @__PURE__ */ t(o, { id: `vlc-cancel-btn-${e}`, variant: r.ghost, type: "button", onClick: rt, children: L })
+        ] }) : /* @__PURE__ */ f(g, { children: [
+          /* @__PURE__ */ t(o, { id: `vlc-edit-btn-${e}`, variant: r.ghost, type: "button", onClick: st, children: _ }),
           /* @__PURE__ */ t(
-            s,
+            o,
             {
               id: `vlc-delete-btn-${e}`,
-              variant: l.ghost,
+              variant: r.ghost,
               type: "button",
-              onClick: () => typeof b == "function" && b(e),
-              children: _
+              onClick: () => typeof h == "function" && h(e),
+              children: V
             }
           )
         ] }) })
@@ -170,5 +169,5 @@ const u = `${i}-viewings-list-card`, dt = ({
   );
 };
 export {
-  dt as default
+  Et as default
 };