chore: upgrade storybook/test-runner (#128)

* chore: upgrade storybook/test-runner

* Automated linting/prettier update

* upgrade storybook and fix test

* Automated linting/prettier update

---------

Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>

Author: briantstephan

packages/pages-components/package.json

@@ -54,14 +54,15 @@
     "mapbox-gl": "^2.9.2"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^8.5.8",
-    "@storybook/addon-essentials": "^8.5.8",
-    "@storybook/addon-interactions": "^8.5.8",
-    "@storybook/addon-links": "^8.5.8",
-    "@storybook/blocks": "^8.5.8",
-    "@storybook/react": "^8.5.8",
-    "@storybook/react-vite": "^8.5.8",
-    "@storybook/test-runner": "^0.21.3",
+    "@playwright/test": "^1.55.1",
+    "@storybook/addon-a11y": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/test-runner": "^0.23.0",
     "@storybook/testing-library": "^0.2.2",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.1",
@@ -80,12 +81,11 @@
     "generate-license-file": "^3.0.1",
     "jest-image-snapshot": "^6.4.0",
     "jsdom": "^24.1.0",
-    "@playwright/test": "^1.55.1",
     "playwright-core": "^1.55.1",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "^8.5.8",
+    "storybook": "^8.6.14",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
     "vite": "^5.4.11",

packages/pages-components/src/components/hours/hoursStatus.stories.tsx

@@ -9,6 +9,7 @@ import {
   HoursWithMultipleIntervalsData,
 } from "./hoursSampleData.js";
 import { DateTime } from "luxon";
+import { StatusParams } from "./types.js";
 
 const meta: Meta<typeof HoursStatus> = {
   title: "components/HoursStatus",
@@ -196,17 +197,17 @@ const green = { color: "green" };
 export const IndividualTemplatesOverrideOpen: Story = {
   args: {
     hours: HoursData,
-    currentTemplate: (s) => (s.isOpen ? "✅" : "⛔️"),
+    currentTemplate: (s: StatusParams) => (s.isOpen ? "✅" : "⛔️"),
     timeTemplate: () => <></>,
-    dayOfWeekTemplate: (s) => (
+    dayOfWeekTemplate: (s: StatusParams) => (
       <span style={green}>
         {s.isOpen
           ? s.currentInterval?.getEndTime()
           : s.futureInterval?.getStartTime()}
       </span>
     ),
     separatorTemplate: () => " :: ",
-    futureTemplate: (params) => {
+    futureTemplate: (params: StatusParams) => {
       return (
         <span className="HoursStatus-future">
           {params.isOpen ? "Will be closing at " : "Will be opening at "}
@@ -224,17 +225,17 @@ export const IndividualTemplatesOverrideOpen: Story = {
 export const IndividualTemplatesOverrideClosed: Story = {
   args: {
     hours: HoursData,
-    currentTemplate: (s) => (s.isOpen ? "✅" : "⛔️"),
+    currentTemplate: (s: StatusParams) => (s.isOpen ? "✅" : "⛔️"),
     timeTemplate: () => <></>,
-    dayOfWeekTemplate: (s) => (
+    dayOfWeekTemplate: (s: StatusParams) => (
       <span style={green}>
         {s.isOpen
           ? s.currentInterval?.getEndTime()
           : s.futureInterval?.getStartTime()}
       </span>
     ),
     separatorTemplate: () => " :: ",
-    futureTemplate: (params) => {
+    futureTemplate: (params: StatusParams) => {
       return (
         <span className="HoursStatus-future">
           {params.isOpen ? "Will be closing at " : "Will be opening at "}
@@ -252,7 +253,8 @@ export const IndividualTemplatesOverrideClosed: Story = {
 export const CompleteTemplateOverrideOpen: Story = {
   args: {
     hours: HoursData,
-    statusTemplate: (s) => (s.isOpen ? "We are open" : "We are closed"),
+    statusTemplate: (s: StatusParams) =>
+      s.isOpen ? "We are open" : "We are closed",
   },
   parameters: {
     mockedLuxonDateTime: DateTime.fromObject(
@@ -264,7 +266,8 @@ export const CompleteTemplateOverrideOpen: Story = {
 export const CompleteTemplateOverrideClosed: Story = {
   args: {
     hours: HoursData,
-    statusTemplate: (s) => (s.isOpen ? "We are open" : "We are closed"),
+    statusTemplate: (s: StatusParams) =>
+      s.isOpen ? "We are open" : "We are closed",
   },
   parameters: {
     mockedLuxonDateTime: DateTime.fromObject(