fix: Hide "Append Command" button when viewing partition aware table in iframe UI (#1495)

* Currently, viewing a partition aware table in the iframe UI will show
the "Append Command" button even though there is no console session to
append the command to.
* Changed the partition selector to only render the "Append Command"
button when no `onPartitionAppend` prop is provided to IrisGrid. The
"Append Command" button should now be available in the IDE but not the
iframe UI.

* Resolves #1414

Author: georgecwan

packages/iris-grid/src/IrisGrid.tsx

@@ -282,7 +282,7 @@ export interface IrisGridProps {
   onError: (error: unknown) => void;
   onDataSelected: (index: ModelIndex, map: Record<ColumnName, unknown>) => void;
   onStateChange: (irisGridState: IrisGridState, gridState: GridState) => void;
-  onPartitionAppend: (partitionColumn: Column, value: string) => void;
+  onPartitionAppend?: (partitionColumn: Column, value: string) => void;
   onAdvancedSettingsChange: AdvancedSettingsMenuCallback;
   partition: string | null;
   partitionColumn: Column | null;
@@ -459,7 +459,6 @@ export class IrisGrid extends Component<IrisGridProps, IrisGridState> {
     onDataSelected: (): void => undefined,
     onError: (): void => undefined,
     onStateChange: (): void => undefined,
-    onPartitionAppend: (): void => undefined,
     onAdvancedSettingsChange: (): void => undefined,
     partition: null,
     partitionColumn: null,
@@ -2336,7 +2335,7 @@ export class IrisGrid extends Component<IrisGridProps, IrisGridState> {
     if (partitionColumn == null) {
       return;
     }
-    onPartitionAppend(partitionColumn, value);
+    onPartitionAppend?.(partitionColumn, value);
   }
 
   handlePartitionChange(partition: string): void {
@@ -3865,6 +3864,7 @@ export class IrisGrid extends Component<IrisGridProps, IrisGridState> {
       onAdvancedSettingsChange,
       canDownloadCsv,
       onCreateChart,
+      onPartitionAppend,
     } = this.props;
     const {
       metricCalculator,
@@ -4421,7 +4421,11 @@ export class IrisGrid extends Component<IrisGridProps, IrisGridState> {
                   partition={partition}
                   onChange={this.handlePartitionChange}
                   onFetchAll={this.handlePartitionFetchAll}
-                  onAppend={this.handlePartitionAppend}
+                  onAppend={
+                    onPartitionAppend !== undefined
+                      ? this.handlePartitionAppend
+                      : undefined
+                  }
                   onDone={this.handlePartitionDone}
                 />
               )}

packages/iris-grid/src/IrisGridPartitionSelector.tsx

@@ -18,7 +18,7 @@ interface IrisGridPartitionSelectorProps<T> {
   table: Table;
   columnName: ColumnName;
   partition: string;
-  onAppend: (partition: string) => void;
+  onAppend?: (partition: string) => void;
   onFetchAll: () => void;
   onDone: (event?: React.MouseEvent<HTMLButtonElement>) => void;
   onChange: (partition: string) => void;
@@ -31,7 +31,6 @@ class IrisGridPartitionSelector<T> extends Component<
   IrisGridPartitionSelectorState
 > {
   static defaultProps = {
-    onAppend: (): void => undefined,
     onChange: (): void => undefined,
     onFetchAll: (): void => undefined,
     onDone: (): void => undefined,
@@ -73,7 +72,7 @@ class IrisGridPartitionSelector<T> extends Component<
 
     const { onAppend } = this.props;
     const { partition } = this.state;
-    onAppend(partition);
+    onAppend?.(partition);
   }
 
   handleCloseClick(): void {
@@ -155,7 +154,8 @@ class IrisGridPartitionSelector<T> extends Component<
   }
 
   render(): JSX.Element {
-    const { columnName, dh, getFormattedString, onDone, table } = this.props;
+    const { columnName, dh, getFormattedString, onAppend, onDone, table } =
+      this.props;
     const { partition } = this.state;
     const partitionSelectorSearch = (
       <PartitionSelectorSearch
@@ -205,13 +205,15 @@ class IrisGridPartitionSelector<T> extends Component<
         >
           Ignore &amp; Fetch All
         </button>
-        <button
-          type="button"
-          className="btn btn-outline-primary btn-append"
-          onClick={this.handleAppendClick}
-        >
-          Append Command
-        </button>
+        {onAppend !== undefined && (
+          <button
+            type="button"
+            className="btn btn-outline-primary btn-append"
+            onClick={this.handleAppendClick}
+          >
+            Append Command
+          </button>
+        )}
         <button
           type="button"
           className="btn btn-link btn-link-icon btn-close"