@phillips/seldon 1.42.1 → 1.43.0

package/dist/components/ViewingsList/ViewingsListCard.js

@@ -1,13 +1,13 @@
-import { jsxs as u, jsx as t, Fragment as E } from "react/jsx-runtime";
+import { jsxs as m, jsx as t, Fragment as $ } from "react/jsx-runtime";
 import * as a from "react";
 import mt from "../../node_modules/classnames/index.js";
-import { px as d } from "../../utils/index.js";
+import { px as u } from "../../utils/index.js";
 import y from "../Input/Input.js";
 import c from "../Button/Button.js";
 import { ButtonVariants as l } from "../Button/types.js";
 import ft from "./ViewingsListCardForm.js";
-const i = `${d}-viewings-list-card`, $t = ({
-  address1: $,
+const i = `${u}-viewings-list-card`, dt = ({
+  address1: d,
   address1Label: C,
   addressUrl: O,
   addressUrlLabel: w,
@@ -19,8 +19,8 @@ const i = `${d}-viewings-list-card`, $t = ({
   cardTitle: T = "Add New Viewing",
   deleteBtnLabel: V = "DELETE",
   editBtnLabel: _ = "EDIT",
-  isEditState: s,
-  enableOnSite: m = "false",
+  isEditState: o,
+  enableOnSite: f = "false",
   enableOnSiteToggleLabel: k = "Enabled on website",
   email: I,
   emailLabel: N = "Email",
@@ -32,10 +32,10 @@ const i = `${d}-viewings-list-card`, $t = ({
   invalidFields: n,
   location: R,
   locationLabel: q = "Location",
-  onCancel: f,
-  onEdit: p,
-  onDelete: h,
-  onSave: b,
+  onCancel: p,
+  onEdit: h,
+  onDelete: b,
+  onSave: g,
   previewDates: G,
   previewDatesLabel: H,
   previewHours1: J,
@@ -52,37 +52,37 @@ const i = `${d}-viewings-list-card`, $t = ({
   viewingDates: tt,
   viewingDatesLabel: et,
   viewingHours1: nt,
-  viewingHours1Label: st,
-  viewingHours2: ot,
-  viewingHours2Label: rt
+  viewingHours1Label: ot,
+  viewingHours2: rt,
+  viewingHours2Label: st
 }) => {
-  const [at, ct] = a.useState(m === "true"), r = a.useRef(null);
+  const [at, ct] = a.useState(f === "true"), s = a.useRef(null);
   a.useEffect(() => {
-    s && r.current && r.current.focus();
-  }, [s]), a.useEffect(() => {
-    var o, g;
-    n && r.current && ((g = (o = r.current.closest(".phillips-viewings-list-card")) == null ? void 0 : o.querySelector(".phillips-input--invalid input")) == null || g.focus());
+    o && s.current && s.current.focus();
+  }, [o]), a.useEffect(() => {
+    var r, E;
+    n && s.current && ((E = (r = s.current.closest(`.${u}-viewings-list-card`)) == null ? void 0 : r.querySelector(`.${u}-input--invalid input`)) == null || E.focus());
   }, [n]);
   const lt = () => {
-    typeof f == "function" && f();
-  }, it = () => {
     typeof p == "function" && p();
-  }, ut = (o) => {
-    typeof b == "function" && b(o);
+  }, it = () => {
+    typeof h == "function" && h();
+  }, ut = (r) => {
+    typeof g == "function" && g(r);
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ m(
     "section",
     {
       "data-testid": `viewings-list-card-${e}`,
       id: e,
-      className: mt(`${i}`, { [`${i}--edit-state`]: s }),
+      className: mt(`${i}`, { [`${i}--edit-state`]: o }),
       children: [
         /* @__PURE__ */ t("h3", { className: `${i}__title`, children: T }),
         /* @__PURE__ */ t("input", { type: "hidden", name: "id", value: e }),
         /* @__PURE__ */ t(
           y,
           {
-            ref: r,
+            ref: s,
             id: `location-${e}`,
             defaultValue: R,
             labelText: q,
@@ -90,13 +90,13 @@ const i = `${d}-viewings-list-card`, $t = ({
             name: "location",
             invalid: n == null ? void 0 : n.location,
             invalidText: n == null ? void 0 : n.location,
-            readOnly: !s
+            readOnly: !o
           }
         ),
-        s ? /* @__PURE__ */ t(
+        o ? /* @__PURE__ */ t(
           ft,
           {
-            address1: $,
+            address1: d,
             address1Label: C,
             addressUrl: O,
             addressUrlLabel: w,
@@ -127,9 +127,9 @@ const i = `${d}-viewings-list-card`, $t = ({
             viewingDates: tt,
             viewingDatesLabel: et,
             viewingHours1: nt,
-            viewingHours1Label: st,
-            viewingHours2: ot,
-            viewingHours2Label: rt
+            viewingHours1Label: ot,
+            viewingHours2: rt,
+            viewingHours2Label: st
           }
         ) : null,
         /* @__PURE__ */ t(
@@ -137,19 +137,19 @@ const i = `${d}-viewings-list-card`, $t = ({
           {
             id: `enableOnSite-${e}`,
             type: "toggle",
-            defaultChecked: m === "true",
+            defaultChecked: f === "true",
             labelText: k,
             size: "md",
             inline: !0,
             value: "true",
             name: "enableOnSite",
-            onChange: () => ct((o) => !o),
-            readOnly: !s
+            onChange: () => ct((r) => !r),
+            readOnly: !o
           }
         ),
         at ? null : /* @__PURE__ */ t("input", { type: "hidden", name: "enableOnSite", value: "false" }),
         /* @__PURE__ */ t("hr", {}),
-        /* @__PURE__ */ t("div", { className: `${i}__btn-group ${d}-button__group`, children: s ? /* @__PURE__ */ u(E, { children: [
+        /* @__PURE__ */ t("div", { className: `${i}__btn-group ${u}-button__group`, children: o ? /* @__PURE__ */ m($, { children: [
           /* @__PURE__ */ t(
             c,
             {
@@ -172,7 +172,7 @@ const i = `${d}-viewings-list-card`, $t = ({
               children: L
             }
           )
-        ] }) : /* @__PURE__ */ u(E, { children: [
+        ] }) : /* @__PURE__ */ m($, { children: [
           /* @__PURE__ */ t(
             c,
             {
@@ -191,7 +191,7 @@ const i = `${d}-viewings-list-card`, $t = ({
               variant: l.ghost,
               type: "button",
               size: "sm",
-              onClick: () => typeof h == "function" && h(e),
+              onClick: () => typeof b == "function" && b(e),
               children: V
             }
           )
@@ -201,5 +201,5 @@ const i = `${d}-viewings-list-card`, $t = ({
   );
 };
 export {
-  $t as default
+  dt as default
 };

package/dist/scss/_vars.scss

@@ -1,5 +1,5 @@
 // prefix
-$px: phillips;
+$px: seldon;
 
 ////////////////////////
 /// COlORS:

package/dist/utils/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare const px = "phillips";
+export declare const px = "seldon";
 /**
  * Returns standard props values incorporating the component name into the class name and data-testid
  */

package/dist/utils/index.js

@@ -1,15 +1,15 @@
 import { jsx as m } from "react/jsx-runtime";
 import { kebabCase as d } from "../node_modules/change-case/dist/index.js";
 import * as u from "react";
-const i = "phillips", x = ({ id: e, ...n }, a) => {
+const s = "seldon", x = ({ id: e, ...n }, a) => {
   const t = d(a);
   return {
     ...n,
     "data-testid": e ? `${t}-${e}` : `${t}`,
-    className: `${i}-${t}`
+    className: `${s}-${t}`
   };
 };
-var p = /* @__PURE__ */ ((e) => (e.xs = "xs", e.sm = "sm", e.md = "md", e.lg = "lg", e.xl = "xl", e.xxl = "xxl", e))(p || {});
+var $ = /* @__PURE__ */ ((e) => (e.xs = "xs", e.sm = "sm", e.md = "md", e.lg = "lg", e.xl = "xl", e.xxl = "xxl", e))($ || {});
 const v = () => {
 };
 function g({
@@ -18,7 +18,7 @@ function g({
   invalid: a = !1,
   invalidText: t = "invalid",
   readOnly: r = !1,
-  type: s,
+  type: i,
   warn: l = !1,
   warnText: c
 }) {
@@ -26,14 +26,14 @@ function g({
     disabled: !r && e,
     invalid: !r && !e && a,
     invalidId: `${n}-error-msg`,
-    type: s === "toggle" ? "checkbox" : s,
+    type: i === "toggle" ? "checkbox" : i,
     warn: !r && !e && !a && l,
     warnId: `${n}-warn-msg`,
     validation: null
   };
-  return o.invalid && (o.validation = /* @__PURE__ */ m("div", { className: `${i}-input__validation ${i}-${s}-input--invalid`, id: o.invalidId, children: t })), o.warn && (o.validation = /* @__PURE__ */ m("div", { className: `${i}-input__validation ${i}-${s}-input--warn`, id: o.warnId, children: c })), o;
+  return o.invalid && (o.validation = /* @__PURE__ */ m("div", { className: `${s}-input__validation ${s}-${i}-input--invalid`, id: o.invalidId, children: t })), o.warn && (o.validation = /* @__PURE__ */ m("div", { className: `${s}-input__validation ${s}-${i}-input--warn`, id: o.warnId, children: c })), o;
 }
-const C = (/* @__PURE__ */ new Date()).getFullYear(), w = (e, n = "end", a = "vertical") => `${i}-padding-${a}-${e}-${n}`, h = (e) => /(.+)@(.+){2,}\.(.+){2,}/i.test(e), I = function(e, n, a = !1) {
+const C = (/* @__PURE__ */ new Date()).getFullYear(), w = (e, n = "end", a = "vertical") => `${s}-padding-${a}-${e}-${n}`, h = (e) => /(.+)@(.+){2,}\.(.+){2,}/i.test(e), I = function(e, n, a = !1) {
   const t = u.Children.toArray(e).filter((r) => r && r.type === n && !a ? r : r && r.type !== n && a);
   return t.length > 0 ? t : null;
 }, N = (e) => {
@@ -41,7 +41,7 @@ const C = (/* @__PURE__ */ new Date()).getFullYear(), w = (e, n = "end", a = "ve
   return `${n[0]}?${r}`;
 };
 export {
-  p as PaddingTokens,
+  $ as PaddingTokens,
   C as defaultYear,
   h as emailValidation,
   N as encodeURLSearchParams,
@@ -49,6 +49,6 @@ export {
   w as generatePaddingClassName,
   x as getCommonProps,
   v as noOp,
-  i as px,
+  s as px,
   g as useNormalizedInputProps
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.42.1",
+  "version": "1.43.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"