Upgrade to Cosmos 6.1

navtrack · Mar 6, 2024 · bcf9e85 · bcf9e85
1 parent 791f4a8
commit bcf9e85
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 22 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -46,9 +46,9 @@
     "prettier-plugin-tailwindcss": "^0.3.0",
     "prettier": "^2.5.1",
     "query-string": "^8.1.0",
-    "react-cosmos-plugin-open-fixture": "6.0.4-canary.84a35da.0",
-    "react-cosmos-plugin-vite": "6.0.4-canary.84a35da.0",
-    "react-cosmos": "6.0.4-canary.84a35da.0",
+    "react-cosmos-plugin-open-fixture": "6.1.0",
+    "react-cosmos-plugin-vite": "6.1.0",
+    "react-cosmos": "6.1.0",
     "react-dom": "18.2.0",
     "react-intl": "^6.4.2",
     "react-leaflet": "^4.1.0",

diff --git a/frontend/web/src/components/ui/form/autocomplete/Autocomplete.fixture.tsx b/frontend/web/src/components/ui/form/autocomplete/Autocomplete.fixture.tsx
@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { useInput } from "react-cosmos/client";
+import { useFixtureInput } from "react-cosmos/client";
 import { SelectOption } from "../select/Select";
 import { Autocomplete } from "./Autocomplete";
 
@@ -10,12 +10,12 @@ const assets: SelectOption[] = Array.from(Array(1000).keys()).map((x) => ({
 
 export default {
   Basic: () => {
-    const [value, setValue] = useInput("option", assets[10].value);
+    const [value, setValue] = useFixtureInput("option", assets[10].value);
 
     return <Autocomplete options={assets} value={value} onChange={setValue} />;
   },
   WithInterval: () => {
-    const [value, setValue] = useInput("option", "");
+    const [value, setValue] = useFixtureInput("option", "");
 
     useEffect(() => {
       if (!value) {

diff --git a/frontend/web/src/components/ui/form/select/Select.fixture.tsx b/frontend/web/src/components/ui/form/select/Select.fixture.tsx
@@ -1,4 +1,4 @@
-import { useInput } from "react-cosmos/client";
+import { useFixtureInput } from "react-cosmos/client";
 import { Select, SelectOption } from "./Select";
 
 const assets: SelectOption[] = Array.from(Array(100).keys()).map((x) => ({
@@ -8,7 +8,7 @@ const assets: SelectOption[] = Array.from(Array(100).keys()).map((x) => ({
 
 const fixture = {
   Basic: () => {
-    const [value, setValue] = useInput("value", assets[10].value);
+    const [value, setValue] = useFixtureInput("value", assets[10].value);
 
     return (
       <Select

diff --git a/frontend/web/src/components/ui/map/Map.fixture.tsx b/frontend/web/src/components/ui/map/Map.fixture.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { useInput } from "react-cosmos/client";
+import { useFixtureInput } from "react-cosmos/client";
 import { DEFAULT_MAP_CENTER } from "../../../constants";
 import { Map } from "./Map";
 import { MapFollowControl } from "./MapFollowControl";
@@ -112,8 +112,8 @@ export default {
     return <Map center={DEFAULT_MAP_CENTER} />;
   },
   WithPin: () => {
-    const [latitude] = useInput("latitude", 46.770439);
-    const [longitude] = useInput("longitude", 23.591423);
+    const [latitude] = useFixtureInput("latitude", 46.770439);
+    const [longitude] = useFixtureInput("longitude", 23.591423);
 
     return (
       <Map center={DEFAULT_MAP_CENTER}>
@@ -125,9 +125,9 @@ export default {
     );
   },
   WithFollow: () => {
-    const [latitude, setLatitude] = useInput("latitude", 46.770439);
-    const [longitude, setLongitude] = useInput("longitude", 23.591423);
-    const [follow, setFollow] = useInput("follow", true);
+    const [latitude, setLatitude] = useFixtureInput("latitude", 46.770439);
+    const [longitude, setLongitude] = useFixtureInput("longitude", 23.591423);
+    const [follow, setFollow] = useFixtureInput("follow", true);
 
     const [interval, setLocalInterval] = useState<NodeJS.Timeout>();
 

diff --git a/frontend/web/src/components/ui/map/geofence/GeofenceCircle.fixture.tsx b/frontend/web/src/components/ui/map/geofence/GeofenceCircle.fixture.tsx
@@ -1,5 +1,5 @@
 import { appConfigAtom } from "@navtrack/shared/state/appConfig";
-import { useInput } from "react-cosmos/client";
+import { useFixtureInput } from "react-cosmos/client";
 import { useSetRecoilState } from "recoil";
 import { DEFAULT_MAP_CENTER } from "../../../../constants";
 import { Modal } from "../../modal/Modal";
@@ -55,7 +55,7 @@ export default {
     );
   },
   "With geofence": () => {
-    const [geofence, setGeofence] = useInput("geofence", {
+    const [geofence, setGeofence] = useFixtureInput("geofence", {
       latitude: 46.763266,
       longitude: 23.555374,
       radius: 319

diff --git a/frontend/web/src/components/ui/slider/Slider.fixture.tsx b/frontend/web/src/components/ui/slider/Slider.fixture.tsx
@@ -1,8 +1,8 @@
-import { useInput } from "react-cosmos/client";
+import { useFixtureInput } from "react-cosmos/client";
 import { Slider } from "./Slider";
 
 export default function Fixture() {
-  const [value, setValue] = useInput("slider", 25);
+  const [value, setValue] = useFixtureInput("slider", 25);
 
   return (
     <Slider

diff --git a/frontend/web/src/components/ui/switch/Switch.fixture.tsx b/frontend/web/src/components/ui/switch/Switch.fixture.tsx
@@ -1,9 +1,9 @@
-import { useInput } from "react-cosmos/client";
+import { useFixtureInput } from "react-cosmos/client";
 import { Switch } from "./Switch";
 
 export default {
   Basic: () => {
-    const [checked, setChecked] = useInput("checked", false);
+    const [checked, setChecked] = useFixtureInput("checked", false);
 
     return <Switch checked={checked} onChange={setChecked} />;
   }

diff --git a/frontend/web/src/components/ui/table/TableV2.fixture.tsx b/frontend/web/src/components/ui/table/TableV2.fixture.tsx
@@ -1,4 +1,4 @@
-import { useInput } from "react-cosmos/client";
+import { useFixtureInput } from "react-cosmos/client";
 import { ITableColumn, TableV2 } from "./TableV2";
 
 type User = {
@@ -43,7 +43,7 @@ export default {
   Loading: <TableV2 columns={columns} rows={undefined} />,
   "No Items": <TableV2 columns={columns} rows={[]} />,
   "With Selected Item": () => {
-    const [user, setUser] = useInput<User | undefined>("user", users[2]);
+    const [user, setUser] = useFixtureInput<User | undefined>("user", users[2]);
 
     return (
       <TableV2