@phillips/seldon 1.26.1 → 1.26.2

package/dist/components/Button/Button.d.ts

@@ -6,7 +6,7 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
      * True if button comes after text
      */
-    iconLast?: boolean;
+    isIconLast?: boolean;
     /**
      * Optional click handler
      */
@@ -33,5 +33,5 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-button--overview)
  */
-declare const Button: ({ buttonType, size, children, className, iconLast, type, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Button: ({ buttonType, size, children, className, isIconLast: iconLast, type, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/components/Button/Button.js

@@ -1,31 +1,31 @@
 import { jsx as l } from "react/jsx-runtime";
-import u from "../../node_modules/classnames/index.js";
-import { getCommonProps as $ } from "../../utils/index.js";
+import i from "../../node_modules/classnames/index.js";
+import { getCommonProps as u } from "../../utils/index.js";
 const b = ({
-  buttonType: s = "primary",
+  buttonType: t = "primary",
   size: m = "md",
   children: a,
-  className: r,
-  iconLast: n = !1,
+  className: n,
+  isIconLast: r = !1,
   type: e = "button",
-  ...t
+  ...s
 }) => {
-  const { className: o, ...c } = $(t, "Button");
+  const { className: o, ...c } = u(s, "Button");
   return /* @__PURE__ */ l(
     "button",
     {
       ...c,
       type: e,
-      className: u(
+      className: i(
         `${o}`,
         `${o}--${m}`,
-        `${o}--${s}`,
+        `${o}--${t}`,
         {
-          [`${o}--icon-last`]: n
+          [`${o}--icon-last`]: r
         },
-        r
+        n
       ),
-      ...t,
+      ...s,
       children: a
     }
   );

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/ViewingsList/ViewingsList.js

@@ -7,16 +7,16 @@ import P from "./ViewingsListCard.js";
 import R from "../Button/Button.js";
 const $ = () => Math.floor(Math.random() * 100) + Date.now(), G = ({
   cardTitle: C = "Viewing Details",
-  className: N,
+  className: E,
   i18n: f = {},
   onAdd: r,
   onDelete: e,
-  onSave: O,
-  title: D,
+  onSave: N,
+  title: O,
   viewings: c,
   ...i
 }) => {
-  const [a, h] = d.useState(c), [m, n] = d.useState(""), [o, u] = d.useState(), { className: p, ...E } = M(i, "ViewingsList");
+  const [a, h] = d.useState(c), [m, n] = d.useState(""), [s, u] = d.useState(), { className: p, ...D } = M(i, "ViewingsList");
   d.useEffect(() => {
     h(c);
   }, [c]);
@@ -26,19 +26,19 @@ const $ = () => Math.floor(Math.random() * 100) + Date.now(), G = ({
   }, V = (t) => {
     n(""), typeof e == "function" && e(t);
   }, k = (t) => {
-    n(t), u(a == null ? void 0 : a.find((s) => s.id === t));
+    n(t), u(a == null ? void 0 : a.find((o) => o.id === t));
   }, x = (t) => {
-    O(t) && n("");
+    N(t) && n("");
   }, B = () => {
-    typeof o == "string" ? typeof e == "function" && e(o) : m === (o == null ? void 0 : o.id) && h((t) => t == null ? void 0 : t.map((s) => s.id === o.id ? o : s)), n("");
+    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__ */ L("div", { ...E, className: S(p, N), key: m, ...i }, /* @__PURE__ */ l("h2", { className: S(`${p}__title`), children: D }), a == null ? void 0 : a.map((t, s) => /* @__PURE__ */ l(
+  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} ${s + 1}` : void 0,
-      editState: m === t.id,
+      cardTitle: t.location ? `${C} ${o + 1}` : void 0,
+      isEditState: m === t.id,
       onCancel: B,
       onDelete: V,
       onEdit: () => k(t.id),

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;

package/dist/components/ViewingsList/ViewingsListCard.js

@@ -1,13 +1,13 @@
-import { jsxs as a, jsx as e, Fragment as y } from "react/jsx-runtime";
+import { jsxs as a, jsx as t, Fragment as y } from "react/jsx-runtime";
 import * as r from "react";
-import ie from "../../node_modules/classnames/index.js";
+import it from "../../node_modules/classnames/index.js";
 import { px as E } from "../../utils/index.js";
 import g from "../Input/Input.js";
 import l from "../Button/Button.js";
-import pe from "./ViewingsListCardForm.js";
-const u = `${E}-viewings-list-card`, Ee = ({
-  address1: $,
-  address1Label: d,
+import pt from "./ViewingsListCardForm.js";
+const u = `${E}-viewings-list-card`, Et = ({
+  address1: d,
+  address1Label: $,
   addressUrl: C,
   addressUrlLabel: T,
   address2: O,
@@ -18,16 +18,16 @@ const u = `${E}-viewings-list-card`, Ee = ({
   cardTitle: L = "Add New Viewing",
   deleteBtnLabel: _ = "DELETE",
   editBtnLabel: k = "EDIT",
-  editState: o,
+  isEditState: o,
   enableOnSite: i = "false",
   enableOnSiteToggleLabel: I = "Enabled on website",
   email: N,
-  emailLabel: V = "Email",
-  emailLink: S,
+  emailLabel: S = "Email",
+  emailLink: V,
   emailLinkLabel: v = "Email Address",
   emailOn: j = "false",
   emailToggleLabel: D = "Include Email Address",
-  id: t,
+  id: e,
   invalidFields: n,
   location: R,
   locationLabel: q = "Location",
@@ -49,40 +49,40 @@ const u = `${E}-viewings-list-card`, Ee = ({
   viewingLabel: Y,
   viewingLabelValue: Z,
   viewingDates: F,
-  viewingDatesLabel: ee,
-  viewingHours1: te,
-  viewingHours1Label: ne,
-  viewingHours2: oe,
-  viewingHours2Label: se
+  viewingDatesLabel: tt,
+  viewingHours1: et,
+  viewingHours1Label: nt,
+  viewingHours2: ot,
+  viewingHours2Label: st
 }) => {
-  const [ce, re] = r.useState(i === "true"), c = r.useRef(null);
+  const [ct, rt] = r.useState(i === "true"), c = r.useRef(null);
   r.useEffect(() => {
     o && c.current && c.current.focus();
   }, [o]), r.useEffect(() => {
     var s, b;
     n && c.current && ((b = (s = c.current.closest(".phillips-viewings-list-card")) == null ? void 0 : s.querySelector(".phillips-input--invalid input")) == null || b.focus());
   }, [n]);
-  const le = () => {
+  const lt = () => {
     typeof p == "function" && p();
-  }, ue = () => {
+  }, ut = () => {
     typeof m == "function" && m();
-  }, ae = (s) => {
+  }, at = (s) => {
     typeof h == "function" && h(s);
   };
   return /* @__PURE__ */ a(
     "section",
     {
-      "data-testid": `viewings-list-card-${t}`,
-      id: t,
-      className: ie(`${u}`, { [`${u}--edit-state`]: o }),
+      "data-testid": `viewings-list-card-${e}`,
+      id: e,
+      className: it(`${u}`, { [`${u}--edit-state`]: o }),
       children: [
-        /* @__PURE__ */ e("h3", { className: `${u}__title`, children: L }),
-        /* @__PURE__ */ e("input", { type: "hidden", name: "id", value: t }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t("h3", { className: `${u}__title`, children: L }),
+        /* @__PURE__ */ t("input", { type: "hidden", name: "id", value: e }),
+        /* @__PURE__ */ t(
           g,
           {
             ref: c,
-            id: `location-${t}`,
+            id: `location-${e}`,
             defaultValue: R,
             labelText: q,
             size: "sm",
@@ -92,11 +92,11 @@ const u = `${E}-viewings-list-card`, Ee = ({
             readOnly: !o
           }
         ),
-        o ? /* @__PURE__ */ e(
-          pe,
+        o ? /* @__PURE__ */ t(
+          pt,
           {
-            address1: $,
-            address1Label: d,
+            address1: d,
+            address1Label: $,
             addressUrl: C,
             addressUrlLabel: T,
             address2: O,
@@ -104,12 +104,12 @@ const u = `${E}-viewings-list-card`, Ee = ({
             address3: x,
             address3Label: z,
             email: N,
-            emailLabel: V,
-            emailLink: S,
+            emailLabel: S,
+            emailLink: V,
             emailLinkLabel: v,
             emailOn: j,
             emailToggleLabel: D,
-            id: t,
+            id: e,
             invalidFields: n,
             previewDates: B,
             previewDatesLabel: G,
@@ -124,17 +124,17 @@ const u = `${E}-viewings-list-card`, Ee = ({
             viewingLabel: Y,
             viewingLabelValue: Z,
             viewingDates: F,
-            viewingDatesLabel: ee,
-            viewingHours1: te,
-            viewingHours1Label: ne,
-            viewingHours2: oe,
-            viewingHours2Label: se
+            viewingDatesLabel: tt,
+            viewingHours1: et,
+            viewingHours1Label: nt,
+            viewingHours2: ot,
+            viewingHours2Label: st
           }
         ) : null,
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           g,
           {
-            id: `enableOnSite-${t}`,
+            id: `enableOnSite-${e}`,
             type: "toggle",
             defaultChecked: i === "true",
             labelText: I,
@@ -142,25 +142,25 @@ const u = `${E}-viewings-list-card`, Ee = ({
             inline: !0,
             value: "true",
             name: "enableOnSite",
-            onChange: () => re((s) => !s),
+            onChange: () => rt((s) => !s),
             readOnly: !o
           }
         ),
-        ce ? null : /* @__PURE__ */ e("input", { type: "hidden", name: "enableOnSite", value: "false" }),
-        /* @__PURE__ */ e("hr", {}),
-        /* @__PURE__ */ e("div", { className: `${u}__btn-group ${E}-button__group`, children: o ? /* @__PURE__ */ a(y, { children: [
-          /* @__PURE__ */ e(l, { id: `vlc-save-btn-${t}`, buttonType: "ghost", type: "submit", size: "sm", onClick: ae, children: X }),
-          /* @__PURE__ */ e(l, { id: `vlc-cancel-btn-${t}`, buttonType: "ghost", type: "button", size: "sm", onClick: le, children: A })
+        ct ? null : /* @__PURE__ */ t("input", { type: "hidden", name: "enableOnSite", value: "false" }),
+        /* @__PURE__ */ t("hr", {}),
+        /* @__PURE__ */ t("div", { className: `${u}__btn-group ${E}-button__group`, children: o ? /* @__PURE__ */ a(y, { children: [
+          /* @__PURE__ */ t(l, { id: `vlc-save-btn-${e}`, buttonType: "ghost", type: "submit", size: "sm", onClick: at, children: X }),
+          /* @__PURE__ */ t(l, { id: `vlc-cancel-btn-${e}`, buttonType: "ghost", type: "button", size: "sm", onClick: lt, children: A })
         ] }) : /* @__PURE__ */ a(y, { children: [
-          /* @__PURE__ */ e(l, { id: `vlc-edit-btn-${t}`, buttonType: "ghost", type: "button", size: "sm", onClick: ue, children: k }),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(l, { id: `vlc-edit-btn-${e}`, buttonType: "ghost", type: "button", size: "sm", onClick: ut, children: k }),
+          /* @__PURE__ */ t(
             l,
             {
-              id: `vlc-delete-btn-${t}`,
+              id: `vlc-delete-btn-${e}`,
               buttonType: "ghost",
               type: "button",
               size: "sm",
-              onClick: () => typeof f == "function" && f(t),
+              onClick: () => typeof f == "function" && f(e),
               children: _
             }
           )
@@ -170,5 +170,5 @@ const u = `${E}-viewings-list-card`, Ee = ({
   );
 };
 export {
-  Ee as default
+  Et as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.26.1",
+  "version": "1.26.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -73,6 +73,7 @@
     "@vitest/coverage-v8": "^1.6.0",
     "color": "^4.2.3",
     "eslint": "^8.57.0",
+    "eslint-plugin-react": "^7.34.3",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "eslint-plugin-storybook": "^0.8.0",
@@ -91,7 +92,7 @@
     "stylelint-config-standard": "^36.0.0",
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-order": "^6.0.4",
-    "stylelint-scss": "^6.3.1",
+    "stylelint-scss": "^6.3.2",
     "ts-node": "^10.9.2",
     "typescript": "^5.4.5",
     "vite": "^5.3.1",