react-cosmos-ui 6.0.0-beta.8 → 6.0.0-beta.9

package/dist/plugins/RendererCore/spec.d.ts

@@ -1,4 +1,6 @@
-import { FixtureList, FixtureState, MessageType, RendererId, StateUpdater } from 'react-cosmos-core';
+import { FixtureList, FixtureState, FixtureStateChange, MessageType, RendererId } from 'react-cosmos-core';
+export type GetFixtureState = <T>(name: string) => T | undefined;
+export type SetFixtureStateByName = <T>(name: string, change: FixtureStateChange<T>) => void;
 export type RendererCoreSpec = {
     name: 'rendererCore';
     config: {
@@ -10,18 +12,21 @@ export type RendererCoreSpec = {
         primaryRendererId: null | RendererId;
         fixtures: FixtureList;
         fixtureState: FixtureState;
+        globalFixtureState: FixtureState;
     };
     methods: {
         getRendererUrl(): null | string;
         getConnectedRendererIds(): RendererId[];
         getPrimaryRendererId(): null | RendererId;
         getFixtures(): FixtureList;
-        getFixtureState(): FixtureState;
         isRendererConnected(): boolean;
         reloadRenderer(): void;
-        setFixtureState(stateUpdater: StateUpdater<FixtureState>): void;
         selectPrimaryRenderer(primaryRendererId: RendererId): void;
         receiveResponse(msg: MessageType): void;
+        getAllFixtureState(): FixtureState;
+        getFixtureState: GetFixtureState;
+        setFixtureState: SetFixtureStateByName;
+        setGlobalFixtureState<T>(name: string, state: T): void;
     };
     events: {
         request(msg: MessageType): void;

package/dist/plugins/ResponsivePreview/ResponsivePreview/ResponsiveHeader.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
-import { ResponsiveDevice, ResponsiveViewport } from '../spec.js';
+import { Viewport } from 'react-cosmos-core';
+import { ResponsiveDevice } from '../spec.js';
 type Props = {
     devices: ResponsiveDevice[];
-    selectedViewport: ResponsiveViewport;
+    selectedViewport: Viewport;
     scaleFactor: number;
     scaled: boolean;
-    selectViewport: (viewport: ResponsiveViewport) => unknown;
+    selectViewport: (viewport: Viewport) => unknown;
     toggleScale: () => unknown;
 };
 export declare const ResponsiveHeader: React.NamedExoticComponent<Props>;

package/dist/plugins/ResponsivePreview/ResponsivePreview/ResponsivePreview.d.ts

@@ -1,12 +1,13 @@
 import React, { Dispatch, ReactNode, SetStateAction } from 'react';
-import { ResponsiveDevice, ResponsiveViewport } from '../spec.js';
+import { Viewport } from 'react-cosmos-core';
+import { ResponsiveDevice } from '../spec.js';
 type Props = {
     children?: ReactNode;
     devices: ResponsiveDevice[];
     enabled: boolean;
-    viewport: ResponsiveViewport;
+    viewport: Viewport;
     scaled: boolean;
-    setViewport: Dispatch<SetStateAction<ResponsiveViewport>>;
+    setViewport: Dispatch<SetStateAction<Viewport>>;
     setScaled: (scaled: boolean) => unknown;
 };
 export declare function ResponsivePreview({ children, devices, enabled, viewport, scaled, setViewport, setScaled, }: Props): React.JSX.Element;

package/dist/plugins/ResponsivePreview/ResponsivePreview/style.d.ts

@@ -1,4 +1,4 @@
-import { ResponsiveViewport } from '../spec.js';
+import { Viewport } from 'react-cosmos-core';
 export declare const responsivePreviewPadding: {
     top: number;
     bottom: number;
@@ -11,8 +11,8 @@ export declare const stretchStyle: {
     flex: number;
 };
 export declare function getStyles({ container, viewport, scaled, }: {
-    container: ResponsiveViewport;
-    viewport: ResponsiveViewport;
+    container: Viewport;
+    viewport: Viewport;
     scaled: boolean;
 }): {
     maskContainerStyle: {
@@ -42,4 +42,4 @@ export declare function getStyles({ container, viewport, scaled, }: {
         transform: string;
     };
 };
-export declare function getViewportScaleFactor(viewport: ResponsiveViewport, container: ResponsiveViewport): number;
+export declare function getViewportScaleFactor(viewport: Viewport, container: Viewport): number;

package/dist/plugins/ResponsivePreview/index.js

@@ -27,11 +27,11 @@ namedPlug('rendererAction', 'responsivePreview', ({ pluginContext }) => {
     return (React.createElement(ToggleButton, { selected: enabled, onToggle: () => {
             if (enabled) {
                 setViewportState(pluginContext, { ...viewportState, enabled: false });
-                setFixtureStateViewport(pluginContext, null);
+                setViewportFixtureState(pluginContext, null);
             }
             else {
                 setViewportState(pluginContext, { ...viewportState, enabled: true });
-                setFixtureStateViewport(pluginContext, viewport);
+                setViewportFixtureState(pluginContext, viewport);
             }
         } }));
 });
@@ -40,12 +40,10 @@ if (process.env.NODE_ENV !== 'test')
     register();
 function useViewportChange(context) {
     const viewportState = getViewportState(context);
-    return React.useCallback((viewportChange) => {
-        const viewport = typeof viewportChange === 'function'
-            ? viewportChange(viewportState.viewport)
-            : viewportChange;
+    return React.useCallback((change) => {
+        const viewport = typeof change === 'function' ? change(viewportState.viewport) : change;
         setViewportState(context, { ...viewportState, enabled: true, viewport });
-        setFixtureStateViewport(context, viewport);
+        setViewportFixtureState(context, viewport);
     }, [context, viewportState]);
 }
 function useScaledChange(context) {
@@ -58,9 +56,9 @@ function getViewportState(context) {
     const viewportState = storage.getItem(VIEWPORT_STORAGE_KEY) ||
         DEFAULT_VIEWPORT_STATE;
     const rendererCore = getMethodsOf('rendererCore');
-    const fixtureState = rendererCore.getFixtureState();
-    return fixtureState.viewport
-        ? { ...viewportState, enabled: true, viewport: fixtureState.viewport }
+    const viewport = rendererCore.getFixtureState('viewport');
+    return viewport
+        ? { ...viewportState, enabled: true, viewport }
         : viewportState;
 }
 function setViewportState(context, viewportState) {
@@ -68,11 +66,8 @@ function setViewportState(context, viewportState) {
     const storage = getMethodsOf('storage');
     storage.setItem(VIEWPORT_STORAGE_KEY, viewportState);
 }
-function setFixtureStateViewport(context, viewport) {
+function setViewportFixtureState(context, viewport) {
     const { getMethodsOf } = context;
     const rendererCore = getMethodsOf('rendererCore');
-    rendererCore.setFixtureState(fixtureState => ({
-        ...fixtureState,
-        viewport,
-    }));
+    rendererCore.setFixtureState('viewport', viewport);
 }

package/dist/plugins/ResponsivePreview/shared.d.ts

@@ -1,16 +1,13 @@
-import { FixtureState } from 'react-cosmos-core';
+import { Viewport } from 'react-cosmos-core';
 import { PluginContext } from 'react-plugin';
 import { StorageSpec } from '../Storage/spec.js';
-import { ResponsivePreviewSpec, ResponsiveViewport } from './spec.js';
+import { ResponsivePreviewSpec } from './spec.js';
 export type ResponsivePreviewContext = PluginContext<ResponsivePreviewSpec>;
 export type StorageMethods = StorageSpec['methods'];
-export type FixtureStateWithViewport = FixtureState & {
-    viewport?: ResponsiveViewport;
-};
 export type ViewportState = {
     enabled: boolean;
     scaled: boolean;
-    viewport: ResponsiveViewport;
+    viewport: Viewport;
 };
 export declare const DEFAULT_DEVICES: {
     label: string;

package/dist/plugins/ResponsivePreview/spec.d.ts

@@ -1,8 +1,5 @@
-export type ResponsiveViewport = {
-    width: number;
-    height: number;
-};
-export type ResponsiveDevice = ResponsiveViewport & {
+import { Viewport } from 'react-cosmos-core';
+export type ResponsiveDevice = Viewport & {
     label: string;
 };
 export type ResponsivePreviewSpec = {

package/dist/plugins/Root/Root.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
-import { FixtureId, FixtureState, FlatFixtureTreeItem, StateUpdater } from 'react-cosmos-core';
+import { FixtureId, FlatFixtureTreeItem } from 'react-cosmos-core';
+import { GetFixtureState, SetFixtureStateByName } from '../RendererCore/spec.js';
 type Props = {
     fixtureItems: FlatFixtureTreeItem[];
     selectedFixtureId: FixtureId | null;
     rendererConnected: boolean;
-    fixtureState: FixtureState;
+    getFixtureState: GetFixtureState;
+    setFixtureState: SetFixtureStateByName;
     navOpen: boolean;
     panelOpen: boolean;
     navWidth: number;
@@ -19,12 +21,11 @@ type Props = {
     onTogglePanel: () => unknown;
     onReloadRenderer: () => unknown;
     onCloseFixture: () => unknown;
-    onFixtureStateChange: (stateUpdater: StateUpdater<FixtureState>) => void;
     setNavWidth: (width: number) => unknown;
     setPanelWidth: (width: number) => unknown;
     welcomeDismissed: boolean;
     onDismissWelcome: () => unknown;
     onShowWelcome: () => unknown;
 };
-export declare function Root({ fixtureItems, selectedFixtureId, rendererConnected, fixtureState, navOpen, panelOpen, navWidth, panelWidth, sidePanelRowOrder, globalActionOrder, globalOrder, navRowOrder, fixtureActionOrder, rendererActionOrder, onToggleNav, onTogglePanel, onReloadRenderer, onCloseFixture, onFixtureStateChange, setNavWidth, setPanelWidth, welcomeDismissed, onDismissWelcome, onShowWelcome, }: Props): React.JSX.Element;
+export declare function Root({ fixtureItems, selectedFixtureId, rendererConnected, getFixtureState, setFixtureState, navOpen, panelOpen, navWidth, panelWidth, sidePanelRowOrder, globalActionOrder, globalOrder, navRowOrder, fixtureActionOrder, rendererActionOrder, onToggleNav, onTogglePanel, onReloadRenderer, onCloseFixture, setNavWidth, setPanelWidth, welcomeDismissed, onDismissWelcome, onShowWelcome, }: Props): React.JSX.Element;
 export {};

package/dist/plugins/Root/Root.js

@@ -8,7 +8,7 @@ import { GlobalHeader } from './GlobalHeader.js';
 import { HomeOverlay } from './HomeOverlay/HomeOverlay.js';
 import { RendererHeader } from './RendererHeader.js';
 import { SidePanel } from './SidePanel.js';
-export function Root({ fixtureItems, selectedFixtureId, rendererConnected, fixtureState, navOpen, panelOpen, navWidth, panelWidth, sidePanelRowOrder, globalActionOrder, globalOrder, navRowOrder, fixtureActionOrder, rendererActionOrder, onToggleNav, onTogglePanel, onReloadRenderer, onCloseFixture, onFixtureStateChange, setNavWidth, setPanelWidth, welcomeDismissed, onDismissWelcome, onShowWelcome, }) {
+export function Root({ fixtureItems, selectedFixtureId, rendererConnected, getFixtureState, setFixtureState, navOpen, panelOpen, navWidth, panelWidth, sidePanelRowOrder, globalActionOrder, globalOrder, navRowOrder, fixtureActionOrder, rendererActionOrder, onToggleNav, onTogglePanel, onReloadRenderer, onCloseFixture, setNavWidth, setPanelWidth, welcomeDismissed, onDismissWelcome, onShowWelcome, }) {
     const navDrag = useDrag({
         value: navWidth,
         onChange: setNavWidth,
@@ -35,7 +35,7 @@ export function Root({ fixtureItems, selectedFixtureId, rendererConnected, fixtu
                     React.createElement(Slot, { name: "rendererPreview" }),
                     dragging && React.createElement(DragOverlay, null),
                     selectedFixtureId && panelOpen && (React.createElement(ControlPanelContainer, { style: { width: panelWidth, zIndex: 3 } },
-                        React.createElement(SidePanel, { fixtureId: selectedFixtureId, fixtureState: fixtureState, sidePanelRowOrder: sidePanelRowOrder, onFixtureStateChange: onFixtureStateChange }),
+                        React.createElement(SidePanel, { fixtureId: selectedFixtureId, getFixtureState: getFixtureState, setFixtureState: setFixtureState, sidePanelRowOrder: sidePanelRowOrder }),
                         panelDrag.dragging && React.createElement(DragOverlay, null),
                         React.createElement(PanelDragHandle, { ref: panelDrag.dragElRef })))),
                 !selectedFixtureId && (React.createElement(HomeOverlay, { welcomeDismissed: welcomeDismissed, onDismissWelcome: onDismissWelcome, onShowWelcome: onShowWelcome })))),

package/dist/plugins/Root/SidePanel.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import { FixtureId, FixtureState, StateUpdater } from 'react-cosmos-core';
+import { FixtureId } from 'react-cosmos-core';
+import { GetFixtureState, SetFixtureStateByName } from '../RendererCore/spec.js';
 type Props = {
     fixtureId: FixtureId;
-    fixtureState: FixtureState;
-    onFixtureStateChange: (stateUpdater: StateUpdater<FixtureState>) => void;
+    getFixtureState: GetFixtureState;
+    setFixtureState: SetFixtureStateByName;
     sidePanelRowOrder: string[];
 };
 export declare const SidePanel: React.NamedExoticComponent<Props>;

package/dist/plugins/Root/SidePanel.js

@@ -2,8 +2,8 @@ import React from 'react';
 import styled from 'styled-components';
 import { SidePanelRowSlot } from '../../slots/SidePanelRowSlot.js';
 import { grey32 } from '../../style/colors.js';
-export const SidePanel = React.memo(function SidePanel({ fixtureId, fixtureState, onFixtureStateChange, sidePanelRowOrder, }) {
-    const slotProps = React.useMemo(() => ({ fixtureId, fixtureState, onFixtureStateChange }), [fixtureId, fixtureState, onFixtureStateChange]);
+export const SidePanel = React.memo(function SidePanel({ fixtureId, getFixtureState, setFixtureState, sidePanelRowOrder, }) {
+    const slotProps = React.useMemo(() => ({ fixtureId, getFixtureState, setFixtureState }), [fixtureId, getFixtureState, setFixtureState]);
     return (React.createElement(Container, null,
         React.createElement(Content, null,
             React.createElement(SidePanelRowSlot, { slotProps: slotProps, plugOrder: sidePanelRowOrder }))));

package/dist/plugins/Root/index.js

@@ -49,7 +49,7 @@ plug('root', ({ pluginContext }) => {
     const { navWidth, setNavWidth } = getNavWidthApi(pluginContext);
     const { panelWidth, setPanelWidth } = getPanelWidthApi(pluginContext);
     const { sidePanelRowOrder, globalActionOrder, globalOrder, navRowOrder, fixtureActionOrder, rendererActionOrder, } = getConfig();
-    return (React.createElement(Root, { fixtureItems: fixtureItems, selectedFixtureId: router.getSelectedFixtureId(), rendererConnected: rendererCore.isRendererConnected(), fixtureState: rendererCore.getFixtureState(), navOpen: isNavOpen(pluginContext), panelOpen: isPanelOpen(pluginContext), navWidth: navWidth, panelWidth: panelWidth, sidePanelRowOrder: sidePanelRowOrder, globalActionOrder: globalActionOrder, globalOrder: globalOrder, navRowOrder: navRowOrder, fixtureActionOrder: fixtureActionOrder, rendererActionOrder: rendererActionOrder, onToggleNav: onToggleNav, onTogglePanel: onTogglePanel, onReloadRenderer: rendererCore.reloadRenderer, onCloseFixture: router.unselectFixture, onFixtureStateChange: rendererCore.setFixtureState, setNavWidth: setNavWidth, setPanelWidth: setPanelWidth, welcomeDismissed: welcomeDismiss.isWelcomeDismissed(), onDismissWelcome: welcomeDismiss.onDismissWelcome, onShowWelcome: welcomeDismiss.onShowWelcome }));
+    return (React.createElement(Root, { fixtureItems: fixtureItems, selectedFixtureId: router.getSelectedFixtureId(), rendererConnected: rendererCore.isRendererConnected(), getFixtureState: rendererCore.getFixtureState, setFixtureState: rendererCore.setFixtureState, navOpen: isNavOpen(pluginContext), panelOpen: isPanelOpen(pluginContext), navWidth: navWidth, panelWidth: panelWidth, sidePanelRowOrder: sidePanelRowOrder, globalActionOrder: globalActionOrder, globalOrder: globalOrder, navRowOrder: navRowOrder, fixtureActionOrder: fixtureActionOrder, rendererActionOrder: rendererActionOrder, onToggleNav: onToggleNav, onTogglePanel: onTogglePanel, onReloadRenderer: rendererCore.reloadRenderer, onCloseFixture: router.unselectFixture, setNavWidth: setNavWidth, setPanelWidth: setPanelWidth, welcomeDismissed: welcomeDismiss.isWelcomeDismissed(), onDismissWelcome: welcomeDismiss.onDismissWelcome, onShowWelcome: welcomeDismiss.onShowWelcome }));
 });
 export { register };
 if (process.env.NODE_ENV !== 'test')

package/dist/plugins/StandardControl/index.js

@@ -13,12 +13,9 @@ plug('control-standard', ({ pluginContext, slotProps }) => {
     const handleValueChange = useCallback((updatedValues) => {
         onFixtureStateChange(fixtureState => ({
             ...fixtureState,
-            controls: {
-                ...fixtureState.controls,
-                [controlName]: {
-                    ...control,
-                    currentValue: updatedValues[controlName],
-                },
+            [controlName]: {
+                ...control,
+                currentValue: updatedValues[controlName],
             },
         }));
     }, [control, controlName, onFixtureStateChange]);

package/dist/slots/ControlActionSlot.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { FixtureStateControls } from 'react-cosmos-core';
+import { ControlsFixtureState } from 'react-cosmos-core';
 export type ControlActionSlotProps = {
-    controls: FixtureStateControls;
+    controls: ControlsFixtureState;
 };
 type Props = {
     slotProps: ControlActionSlotProps;

package/dist/slots/ControlSlot.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { FixtureState, FixtureStateControl, StateUpdater } from 'react-cosmos-core';
-export type ControlSlotProps<TControl extends FixtureStateControl> = {
+import { ControlFixtureState, ControlsFixtureState, FixtureStateUpdater } from 'react-cosmos-core';
+export type ControlSlotProps<TControl extends ControlFixtureState> = {
     controlName: string;
     control: TControl;
-    onFixtureStateChange: (stateUpdater: StateUpdater<FixtureState>) => void;
+    onFixtureStateChange: (updater: FixtureStateUpdater<ControlsFixtureState>) => void;
 };
 type Props = {
     slotProps: ControlSlotProps<any>;

package/dist/slots/SidePanelRowSlot.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import { FixtureId, FixtureState, StateUpdater } from 'react-cosmos-core';
+import { FixtureId } from 'react-cosmos-core';
+import { GetFixtureState, SetFixtureStateByName } from '../plugins/RendererCore/spec.js';
 export type SidePanelRowSlotProps = {
     fixtureId: FixtureId;
-    fixtureState: FixtureState;
-    onFixtureStateChange: (stateUpdater: StateUpdater<FixtureState>) => void;
+    getFixtureState: GetFixtureState;
+    setFixtureState: SetFixtureStateByName;
 };
 type Props = {
     slotProps: SidePanelRowSlotProps;

package/dist/testHelpers/pluginMocks.d.ts

@@ -36,12 +36,14 @@ export declare function getRendererCoreMethods(): {
     getConnectedRendererIds(): string[];
     getPrimaryRendererId(): string | null;
     getFixtures(): import("react-cosmos-core").FixtureList;
-    getFixtureState(): import("react-cosmos-core").FixtureState;
     isRendererConnected(): boolean;
     reloadRenderer(): void;
-    setFixtureState(stateUpdater: import("react-cosmos-core").StateUpdater<import("react-cosmos-core").FixtureState>): void;
     selectPrimaryRenderer(primaryRendererId: string): void;
     receiveResponse(msg: import("react-cosmos-core").MessageType): void;
+    getAllFixtureState(): import("react-cosmos-core").FixtureState;
+    getFixtureState: import("../plugins/RendererCore/spec.js").GetFixtureState;
+    setFixtureState: import("../plugins/RendererCore/spec.js").SetFixtureStateByName;
+    setGlobalFixtureState<T>(name: string, state: T): void;
 };
 export declare function getNotificationsMethods(): {
     pushStickyNotification(notification: import("../plugins/Notifications/spec.js").NotificationItem): void;
@@ -79,12 +81,14 @@ export declare function mockRendererCore(methods?: MethodsOf<RendererCoreSpec>):
     getConnectedRendererIds: jest.Mock<any, any, any> | ((context: import("react-plugin").PluginContext<RendererCoreSpec>) => string[]);
     getPrimaryRendererId: jest.Mock<any, any, any> | ((context: import("react-plugin").PluginContext<RendererCoreSpec>) => string | null);
     getFixtures: jest.Mock<any, any, any> | ((context: import("react-plugin").PluginContext<RendererCoreSpec>) => import("react-cosmos-core").FixtureList);
-    getFixtureState: jest.Mock<any, any, any> | ((context: import("react-plugin").PluginContext<RendererCoreSpec>) => import("react-cosmos-core").FixtureState);
     isRendererConnected: jest.Mock<any, any, any> | ((context: import("react-plugin").PluginContext<RendererCoreSpec>) => boolean);
     reloadRenderer: jest.Mock<any, any, any> | ((context: import("react-plugin").PluginContext<RendererCoreSpec>) => void);
-    setFixtureState: jest.Mock<any, any, any> | ((context: import("react-plugin").PluginContext<RendererCoreSpec>, stateUpdater: import("react-cosmos-core").StateUpdater<import("react-cosmos-core").FixtureState>) => void);
     selectPrimaryRenderer: jest.Mock<any, any, any> | ((context: import("react-plugin").PluginContext<RendererCoreSpec>, primaryRendererId: string) => void);
     receiveResponse: jest.Mock<any, any, any> | ((context: import("react-plugin").PluginContext<RendererCoreSpec>, msg: import("react-cosmos-core").MessageType) => void);
+    getAllFixtureState: jest.Mock<any, any, any> | ((context: import("react-plugin").PluginContext<RendererCoreSpec>) => import("react-cosmos-core").FixtureState);
+    getFixtureState: jest.Mock<any, any, any> | ((context: import("react-plugin").PluginContext<RendererCoreSpec>, name: string) => unknown);
+    setFixtureState: jest.Mock<any, any, any> | ((context: import("react-plugin").PluginContext<RendererCoreSpec>, name: string, change: unknown) => void);
+    setGlobalFixtureState: jest.Mock<any, any, any> | ((context: import("react-plugin").PluginContext<RendererCoreSpec>, name: string, state: unknown) => void);
 };
 export declare function mockRendererPreview(methods?: MethodsOf<RendererPreviewSpec>): {
     getRuntimeStatus: jest.Mock<any, any, any> | ((context: import("react-plugin").PluginContext<RendererPreviewSpec>) => import("../plugins/RendererPreview/spec.js").RuntimeStatus);

package/dist/testHelpers/pluginMocks.js

@@ -73,12 +73,14 @@ export function mockRendererCore(methods = {}) {
         getConnectedRendererIds: jest.fn(),
         getPrimaryRendererId: jest.fn(),
         getFixtures: jest.fn(),
-        getFixtureState: jest.fn(),
         isRendererConnected: jest.fn(),
         reloadRenderer: jest.fn(),
-        setFixtureState: jest.fn(),
         selectPrimaryRenderer: jest.fn(),
         receiveResponse: jest.fn(),
+        getAllFixtureState: jest.fn(),
+        getFixtureState: jest.fn(),
+        setFixtureState: jest.fn(),
+        setGlobalFixtureState: jest.fn(),
         ...methods,
     };
     mockMethodsOf('rendererCore', allMethods);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cosmos-ui",
-  "version": "6.0.0-beta.8",
+  "version": "6.0.0-beta.9",
   "description": "React Cosmos UI",
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/main/packages/react-cosmos-ui",
   "license": "MIT",
@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "lodash-es": "4.17.21",
-    "react-cosmos-core": "6.0.0-beta.8"
+    "react-cosmos-core": "6.0.0-beta.9"
   },
   "devDependencies": {
     "fuzzaldrin-plus": "0.6.0",
@@ -23,5 +23,5 @@
     "react-plugin": "3.0.0-alpha.4",
     "styled-components": "5.3.11"
   },
-  "gitHead": "2f47b29e24c6a68c4a62b7862d67909905648f7e"
+  "gitHead": "0cb520839737c38b295b2baefe0cef8702e31324"
 }