Add auto-suggestions for skipping index definition and export types (o…

…pensearch-project#1552) * add generate modal and status check for workbench Signed-off-by: Shenoy Pratik <[email protected]> * remove debug logs Signed-off-by: Shenoy Pratik <[email protected]> * expose types for cachemanager Signed-off-by: Shenoy Pratik <[email protected]> * rebase changes Signed-off-by: Shenoy Pratik <[email protected]> --------- Signed-off-by: Shenoy Pratik <[email protected]>
amsiglan · Mar 19, 2024 · 6dfafbd · 6dfafbd
1 parent 6f75c96
commit 6dfafbd
Show file tree

Hide file tree

Showing 25 changed files with 902 additions and 472 deletions.
diff --git a/common/constants/shared.ts b/common/constants/shared.ts
@@ -70,6 +70,7 @@ export const observabilityDataConnectionsTitle = 'Data sources';
 export const observabilityDataConnectionsPluginOrder = 9030;
 
 export const queryWorkbenchPluginID = 'opensearch-query-workbench';
+export const queryWorkbenchPluginCheck = 'plugin:queryWorkbenchDashboards';
 
 // Shared Constants
 export const SQL_DOCUMENTATION_URL = 'https://opensearch.org/docs/latest/search-plugins/sql/index/';

diff --git a/common/types/data_connections.ts b/common/types/data_connections.ts
@@ -4,6 +4,7 @@
  */
 
 import { EuiComboBoxOptionOption } from '@elastic/eui';
+import { DirectQueryLoadingStatus } from './explorer';
 
 export type AccelerationStatus = 'ACTIVE' | 'INACTIVE';
 
@@ -233,3 +234,9 @@ export interface CreateAccelerationForm {
   refreshIntervalOptions: RefreshIntervalType;
   formErrors: FormErrorsType;
 }
+
+export interface LoadCachehookOutput {
+  loadStatus: DirectQueryLoadingStatus;
+  startLoading: (dataSourceName: string, databaseName?: string, tableName?: string) => void;
+  stopLoading: () => void;
+}
diff --git a/...ate_accelerations_flyout/create/__tests__/__snapshots__/create_acceleration.test.tsx.snap b/...ate_accelerations_flyout/create/__tests__/__snapshots__/create_acceleration.test.tsx.snap
diff --git a/...e/accelerations/create_accelerations_flyout/create/__tests__/create_acceleration.test.tsx b/...e/accelerations/create_accelerations_flyout/create/__tests__/create_acceleration.test.tsx
@@ -9,11 +9,24 @@ import Adapter from 'enzyme-adapter-react-16';
 import toJson from 'enzyme-to-json';
 import React from 'react';
 import { coreMock } from '../../../../../../../../../../../src/core/public/mocks';
+import { queryWorkbenchPluginCheck } from '../../../../../../../../../common/constants/shared';
 import { mockDatasourcesQuery } from '../../../../../../../../../test/accelerations';
 import { CreateAcceleration } from '../create_acceleration';
 
 const coreStartMock = coreMock.createStart();
 
+// @ts-ignore
+global.fetch = jest.fn(() =>
+  Promise.resolve({
+    json: () =>
+      Promise.resolve({
+        status: {
+          statuses: [{ id: queryWorkbenchPluginCheck }],
+        },
+      }),
+  })
+);
+
 describe('Create acceleration flyout components', () => {
   configure({ adapter: new Adapter() });
 

diff --git a/...mponents/manage/accelerations/create_accelerations_flyout/create/__tests__/utils.test.tsx b/...mponents/manage/accelerations/create_accelerations_flyout/create/__tests__/utils.test.tsx
@@ -109,22 +109,24 @@ describe('validateReplicaCount', () => {
 
 describe('validateRefreshInterval', () => {
   it('should return an array with an error message when refreshType is "interval" and refreshWindow is less than 1', () => {
-    expect(validateRefreshInterval('interval', 0)).toEqual([
+    expect(validateRefreshInterval('autoInterval', 0)).toEqual([
       'refresh window should be greater than 0',
     ]);
-    expect(validateRefreshInterval('interval', -1)).toEqual([
+    expect(validateRefreshInterval('autoInterval', -1)).toEqual([
       'refresh window should be greater than 0',
     ]);
-    expect(validateRefreshInterval('interval', -10)).toEqual([
+    expect(validateRefreshInterval('autoInterval', -10)).toEqual([
       'refresh window should be greater than 0',
     ]);
   });
 
   it('should return an empty array when refreshType is not "interval" or when refreshWindow is greater than or equal to 1', () => {
     expect(validateRefreshInterval('auto', 0)).toEqual([]);
     expect(validateRefreshInterval('auto', 1)).toEqual([]);
-    expect(validateRefreshInterval('interval', 1)).toEqual([]);
-    expect(validateRefreshInterval('auto', 5)).toEqual([]);
+    expect(validateRefreshInterval('autoInterval', 1)).toEqual([]);
+    expect(validateRefreshInterval('autoInterval', 5)).toEqual([]);
+    expect(validateRefreshInterval('manual', 0)).toEqual([]);
+    expect(validateRefreshInterval('manualIncrement', 0)).toEqual([]);
   });
 });
 

diff --git a/...omponents/manage/accelerations/create_accelerations_flyout/create/create_acceleration.tsx b/...omponents/manage/accelerations/create_accelerations_flyout/create/create_acceleration.tsx
@@ -97,7 +97,11 @@ export const CreateAcceleration = ({
     },
   });
   const [tableFieldsLoading, setTableFieldsLoading] = useState(false);
-  const { loadStatus, startLoading } = useLoadTableColumnsToCache();
+  const {
+    loadStatus,
+    startLoading,
+    stopLoading: stopLoadingTableFields,
+  } = useLoadTableColumnsToCache();
 
   const loadColumnsToAccelerationForm = (cachedTable: CachedTable) => {
     const idPrefix = htmlIdGenerator()();
@@ -117,6 +121,7 @@ export const CreateAcceleration = ({
       ...accelerationFormData,
       dataTableFields: [],
     });
+    stopLoadingTableFields();
     if (dataTable !== '') {
       setTableFieldsLoading(true);
       const cachedTable = CatalogCacheManager.getTable(dataSource, database, dataTable);
@@ -179,6 +184,7 @@ export const CreateAcceleration = ({
               setAccelerationFormData={setAccelerationFormData}
               selectedDatasource={selectedDatasource}
               dataSourcesPreselected={dataSourcesPreselected}
+              tableFieldsLoading={tableFieldsLoading}
             />
             <EuiSpacer size="xxl" />
             <IndexTypeSelector

diff --git a/.../datasources/components/manage/accelerations/create_accelerations_flyout/create/utils.tsx b/.../datasources/components/manage/accelerations/create_accelerations_flyout/create/utils.tsx
@@ -49,7 +49,7 @@ export const validateRefreshInterval = (
   refreshType: AccelerationRefreshType,
   refreshWindow: number
 ) => {
-  return refreshType !== 'auto' && refreshType !== 'manual' && refreshWindow < 1
+  return refreshType === 'autoInterval' && refreshWindow < 1
     ? ['refresh window should be greater than 0']
     : [];
 };

diff --git a/...ccelerations_flyout/selectors/__tests__/__snapshots__/preview_sql_defintion.test.tsx.snap b/...ccelerations_flyout/selectors/__tests__/__snapshots__/preview_sql_defintion.test.tsx.snap
@@ -90,43 +90,7 @@ exports[`Preview SQL acceleration components renders Preview SQL settings with d
           </div>
           <div
             className="euiFlexItem euiFlexItem--flexGrowZero"
-          >
-            <button
-              className="euiButton euiButton--primary"
-              disabled={false}
-              style={
-                Object {
-                  "minWidth": undefined,
-                }
-              }
-              type="button"
-            >
-              <span
-                className="euiButtonContent euiButtonContent--iconRight euiButton__content"
-              >
-                <svg
-                  aria-hidden={true}
-                  className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-                  focusable="false"
-                  height={16}
-                  role="img"
-                  style={null}
-                  viewBox="0 0 16 16"
-                  width={16}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
-                  />
-                </svg>
-                <span
-                  className="euiButton__text"
-                >
-                  Open in Query Workbench
-                </span>
-              </span>
-            </button>
-          </div>
+          />
         </div>
         <div
           className="euiSpacer euiSpacer--l"
@@ -240,43 +204,7 @@ exports[`Preview SQL acceleration components renders Preview SQL settings with d
           </div>
           <div
             className="euiFlexItem euiFlexItem--flexGrowZero"
-          >
-            <button
-              className="euiButton euiButton--primary"
-              disabled={false}
-              style={
-                Object {
-                  "minWidth": undefined,
-                }
-              }
-              type="button"
-            >
-              <span
-                className="euiButtonContent euiButtonContent--iconRight euiButton__content"
-              >
-                <svg
-                  aria-hidden={true}
-                  className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                  focusable="false"
-                  height={16}
-                  role="img"
-                  style={null}
-                  viewBox="0 0 16 16"
-                  width={16}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                  />
-                </svg>
-                <span
-                  className="euiButton__text"
-                >
-                  Open in Query Workbench
-                </span>
-              </span>
-            </button>
-          </div>
+          />
         </div>
         <div
           className="euiSpacer euiSpacer--l"
@@ -391,43 +319,7 @@ exports[`Preview SQL acceleration components renders Preview SQL settings with e
           </div>
           <div
             className="euiFlexItem euiFlexItem--flexGrowZero"
-          >
-            <button
-              className="euiButton euiButton--primary"
-              disabled={false}
-              style={
-                Object {
-                  "minWidth": undefined,
-                }
-              }
-              type="button"
-            >
-              <span
-                className="euiButtonContent euiButtonContent--iconRight euiButton__content"
-              >
-                <svg
-                  aria-hidden={true}
-                  className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-                  focusable="false"
-                  height={16}
-                  role="img"
-                  style={null}
-                  viewBox="0 0 16 16"
-                  width={16}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
-                  />
-                </svg>
-                <span
-                  className="euiButton__text"
-                >
-                  Open in Query Workbench
-                </span>
-              </span>
-            </button>
-          </div>
+          />
         </div>
         <div
           className="euiSpacer euiSpacer--l"
@@ -542,43 +434,7 @@ exports[`Preview SQL acceleration components renders Preview SQL settings with m
           </div>
           <div
             className="euiFlexItem euiFlexItem--flexGrowZero"
-          >
-            <button
-              className="euiButton euiButton--primary"
-              disabled={false}
-              style={
-                Object {
-                  "minWidth": undefined,
-                }
-              }
-              type="button"
-            >
-              <span
-                className="euiButtonContent euiButtonContent--iconRight euiButton__content"
-              >
-                <svg
-                  aria-hidden={true}
-                  className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-                  focusable="false"
-                  height={16}
-                  role="img"
-                  style={null}
-                  viewBox="0 0 16 16"
-                  width={16}
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
-                  />
-                </svg>
-                <span
-                  className="euiButton__text"
-                >
-                  Open in Query Workbench
-                </span>
-              </span>
-            </button>
-          </div>
+          />
         </div>
         <div
           className="euiSpacer euiSpacer--l"

diff --git a/...eate_accelerations_flyout/selectors/__tests__/__snapshots__/source_selector.test.tsx.snap b/...eate_accelerations_flyout/selectors/__tests__/__snapshots__/source_selector.test.tsx.snap
@@ -104,6 +104,7 @@ Array [
                     <input
                       aria-controls=""
                       data-test-subj="comboBoxSearchInput"
+                      disabled={false}
                       onBlur={[Function]}
                       onChange={[Function]}
                       onFocus={[Function]}
@@ -138,6 +139,7 @@ Array [
                     aria-label="Open list of options"
                     className="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
                     data-test-subj="comboBoxToggleListButton"
+                    disabled={false}
                     onClick={[Function]}
                     type="button"
                   >
@@ -261,6 +263,7 @@ Array [
                     <input
                       aria-controls=""
                       data-test-subj="comboBoxSearchInput"
+                      disabled={false}
                       onBlur={[Function]}
                       onChange={[Function]}
                       onFocus={[Function]}
@@ -295,6 +298,7 @@ Array [
                     aria-label="Open list of options"
                     className="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
                     data-test-subj="comboBoxToggleListButton"
+                    disabled={false}
                     onClick={[Function]}
                     type="button"
                   >

diff --git a/...elerations/create_accelerations_flyout/selectors/__tests__/preview_sql_defintion.test.tsx b/...elerations/create_accelerations_flyout/selectors/__tests__/preview_sql_defintion.test.tsx
@@ -8,6 +8,7 @@ import { configure, mount } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 import toJson from 'enzyme-to-json';
 import React from 'react';
+import { queryWorkbenchPluginCheck } from '../../../../../../../../../common/constants/shared';
 import { CreateAccelerationForm } from '../../../../../../../../../common/types/data_connections';
 import {
   coveringIndexBuilderMock1,
@@ -16,6 +17,18 @@ import {
 } from '../../../../../../../../../test/accelerations';
 import { PreviewSQLDefinition } from '../preview_sql_defintion';
 
+// @ts-ignore
+global.fetch = jest.fn(() =>
+  Promise.resolve({
+    json: () =>
+      Promise.resolve({
+        status: {
+          statuses: [{ id: queryWorkbenchPluginCheck }],
+        },
+      }),
+  })
+);
+
 describe('Preview SQL acceleration components', () => {
   configure({ adapter: new Adapter() });
 

diff --git a/...ge/accelerations/create_accelerations_flyout/selectors/__tests__/source_selector.test.tsx b/...ge/accelerations/create_accelerations_flyout/selectors/__tests__/source_selector.test.tsx
@@ -35,6 +35,7 @@ describe('Source selector components', () => {
         accelerationFormData={accelerationFormData}
         setAccelerationFormData={setAccelerationFormData}
         dataSourcesPreselected={false}
+        tableFieldsLoading={false}
       />
     );
     wrapper.update();
@@ -67,6 +68,7 @@ describe('Source selector components', () => {
         accelerationFormData={accelerationFormData}
         setAccelerationFormData={setAccelerationFormData}
         dataSourcesPreselected={true}
+        tableFieldsLoading={false}
       />
     );
     wrapper.update();