[IGNORE] use single editing component for actions and selections

Signed-off-by: Gabriel Bernal <gbernal@redhat.com>

Author: jgbernalp

logstable/src/LogsTable.ts

@@ -13,17 +13,15 @@
 
 import { PanelPlugin } from '@perses-dev/plugin-system';
 import { LogsTableComponent } from './LogsTableComponent';
-import { LogsTableItemActionsEditor } from './LogsTableItemActionsEditor';
-import { LogsTableSelectionsEditor } from './LogsTableSelectionsEditor';
+import { LogsTableItemSelectionActionsEditor } from './LogsTableItemSelectionActionsEditor';
 import { LogsTableSettingsEditor } from './LogsTableSettingsEditor';
 import { LogsTableOptions, LogsTableProps } from './model';
 
 export const LogsTable: PanelPlugin<LogsTableOptions, LogsTableProps> = {
   PanelComponent: LogsTableComponent,
   panelOptionsEditorComponents: [
     { label: 'Settings', content: LogsTableSettingsEditor },
-    { label: 'Selections', content: LogsTableSelectionsEditor },
-    { label: 'Item Actions', content: LogsTableItemActionsEditor },
+    { label: 'Item Actions', content: LogsTableItemSelectionActionsEditor },
   ],
   supportedQueryTypes: ['LogQuery'],
   createInitialOptions: () => ({

logstable/src/LogsTableItemActionsEditor.tsx

@@ -11,14 +11,25 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { SelectionOptions, SelectionOptionsEditor } from '@perses-dev/plugin-system';
+import { ActionOptions, ItemSelectionActionsEditor, SelectionOptions } from '@perses-dev/plugin-system';
 import { ReactElement } from 'react';
 import { LogsTableSettingsEditorProps } from './model';
 
-export function LogsTableSelectionsEditor({ value, onChange }: LogsTableSettingsEditorProps): ReactElement {
-  function handleSelectionsChange(selection: SelectionOptions | undefined): void {
+export function LogsTableItemSelectionActionsEditor({ value, onChange }: LogsTableSettingsEditorProps): ReactElement {
+  function handleActionsChange(actions: ActionOptions | undefined): void {
+    onChange({ ...value, actions: actions });
+  }
+
+  function handleSelectionChange(selection: SelectionOptions | undefined): void {
     onChange({ ...value, selection: selection });
   }
 
-  return <SelectionOptionsEditor value={value.selection} onChange={handleSelectionsChange} />;
+  return (
+    <ItemSelectionActionsEditor
+      actionOptions={value.actions}
+      onChangeActions={handleActionsChange}
+      selectionOptions={value.selection}
+      onChangeSelection={handleSelectionChange}
+    />
+  );
 }