s/inputAction/inputsAction

packages/react-cosmos-ui/src/index.ts

@@ -24,8 +24,8 @@ export * from './plugins/SelectInput/spec.js';
 export * from './plugins/StandardInput/spec.js';
 export * from './plugins/Storage/spec.js';
 export * from './slots/FixtureActionSlot.js';
-export * from './slots/InputActionSlot.js';
 export * from './slots/InputSlot.js';
+export * from './slots/InputsActionSlot.js';
 export * from './slots/NavRowSlot.js';
 export * from './slots/RendererActionSlot.js';
 export * from './slots/SidePanelRowSlot.js';

packages/react-cosmos-ui/src/plugins/InputsPanel/InputsPanel.tsx

@@ -10,19 +10,19 @@ import {
 } from '../../components/SidePanel.js';
 import { IconButton32 } from '../../components/buttons/index.js';
 import { RotateCcwIcon } from '../../components/icons/index.js';
-import { InputActionSlot } from '../../slots/InputActionSlot.js';
 import { InputSlot } from '../../slots/InputSlot.js';
+import { InputsActionSlot } from '../../slots/InputsActionSlot.js';
 import { SetInputsFixtureState } from './shared.js';
 
 type Props = {
   fixtureState: InputsFixtureState | undefined;
-  inputActionOrder: string[];
+  inputsActionOrder: string[];
   onFixtureStateChange: SetInputsFixtureState;
 };
 
 export function InputsPanel({
   fixtureState,
-  inputActionOrder,
+  inputsActionOrder,
   onFixtureStateChange,
 }: Props) {
   const handleInputsReset = React.useCallback(
@@ -44,9 +44,9 @@ export function InputsPanel({
             disabled={areInputsUnchanged(inputs)}
             onClick={handleInputsReset}
           />
-          <InputActionSlot
+          <InputsActionSlot
             slotProps={{ inputs }}
-            plugOrder={inputActionOrder}
+            plugOrder={inputsActionOrder}
           />
         </SidePanelActions>
       </SidePanelHeader>

packages/react-cosmos-ui/src/plugins/InputsPanel/index.tsx

@@ -9,15 +9,15 @@ import { InputsPanelSpec } from './spec.js';
 const { namedPlug, register } = createPlugin<InputsPanelSpec>({
   name: 'inputsPanel',
   defaultConfig: {
-    inputActionOrder: [],
+    inputsActionOrder: [],
   },
 });
 
 namedPlug<SidePanelRowSlotProps>(
   'sidePanelRow',
   'values',
   ({ pluginContext, slotProps }) => {
-    const { inputActionOrder } = pluginContext.getConfig();
+    const { inputsActionOrder } = pluginContext.getConfig();
     const { getFixtureState, setFixtureState } = slotProps;
 
     const fixtureState = getFixtureState<InputsFixtureState>('inputs');
@@ -29,7 +29,7 @@ namedPlug<SidePanelRowSlotProps>(
     return (
       <InputsPanel
         fixtureState={fixtureState}
-        inputActionOrder={inputActionOrder}
+        inputsActionOrder={inputsActionOrder}
         onFixtureStateChange={onFixtureStateChange}
       />
     );

packages/react-cosmos-ui/src/plugins/InputsPanel/spec.ts

@@ -1,6 +1,6 @@
 export type InputsPanelSpec = {
   name: 'inputsPanel';
   config: {
-    inputActionOrder: string[];
+    inputsActionOrder: string[];
   };
 };

packages/react-cosmos-ui/src/plugins/StandardInput/index.tsx

@@ -7,8 +7,8 @@ import {
 import { createPlugin } from 'react-plugin';
 import { ExpandCollapseValues } from '../../components/ValueInputTree/ExpandCollapseValues.js';
 import { ValueInputTree } from '../../components/ValueInputTree/index.js';
-import { InputActionSlotProps } from '../../slots/InputActionSlot.js';
 import { InputSlotProps } from '../../slots/InputSlot.js';
+import { InputsActionSlotProps } from '../../slots/InputsActionSlot.js';
 import { StandardInputSpec } from './spec.js';
 import { useTreeExpansionStorage } from './storage.js';
 
@@ -53,8 +53,8 @@ plug<StandardInputSlotProps>(
   }
 );
 
-namedPlug<InputActionSlotProps>(
-  'inputAction',
+namedPlug<InputsActionSlotProps>(
+  'inputsAction',
   'expandCollapse',
   ({ pluginContext, slotProps }) => {
     const { inputs } = slotProps;

packages/react-cosmos-ui/src/shared/defaultPluginConfig.ts

@@ -7,7 +7,7 @@ export const DEFAULT_PLUGIN_CONFIG = {
     fixtureActionOrder: ['bookmarkFixture'],
     rendererActionOrder: ['openFixture', 'fullScreen', 'responsivePreview'],
   },
-  inputPanel: {
-    inputActionOrder: ['expandCollapse'],
+  inputsPanel: {
+    inputsActionOrder: ['expandCollapse'],
   },
 };

packages/react-cosmos-ui/src/slots/InputsActionSlot.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { InputsFixtureState } from 'react-cosmos-core';
+import { ArraySlot } from 'react-plugin';
+
+export type InputsActionSlotProps = {
+  inputs: InputsFixtureState;
+};
+
+type Props = {
+  slotProps: InputsActionSlotProps;
+  plugOrder: string[];
+};
+
+export function InputsActionSlot({ slotProps, plugOrder }: Props) {
+  return (
+    <ArraySlot
+      name="inputsAction"
+      slotProps={slotProps}
+      plugOrder={plugOrder}
+    />
+  );
+}