replace lodash and update props name

Signed-off-by: tygao <tygao@amazon.com>

src/core/public/index.ts

@@ -361,3 +361,5 @@ export {
   WORKSPACE_TYPE,
   cleanWorkspaceId,
 } from '../utils';
+
+export { debounce } from './utils';

src/core/public/utils/debounce.test.ts

@@ -0,0 +1,55 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { debounce } from './debounce';
+
+describe('debounce', () => {
+  let fn: Function;
+  beforeEach(() => {
+    fn = jest.fn();
+    jest.useFakeTimers();
+  });
+  afterEach(() => {
+    jest.clearAllTimers();
+  });
+
+  test('it should call the debounced fn once at the end of the quiet time', () => {
+    const debounced = debounce(fn, 1000);
+
+    for (let i = 0; i < 100; i++) {
+      debounced(i);
+    }
+
+    jest.advanceTimersByTime(1001);
+    expect(fn).toBeCalledTimes(1);
+    expect(fn).toBeCalledWith(99);
+  });
+
+  test("with a leading invocation, it should call the debounced fn once, if the time doens't pass", () => {
+    const debounced = debounce(fn, 1000, true);
+
+    for (let i = 0; i < 100; i++) {
+      debounced(i);
+    }
+
+    jest.advanceTimersByTime(999);
+
+    expect(fn).toBeCalledTimes(1);
+    expect(fn).toBeCalledWith(0);
+  });
+
+  test('with a leading invocation, it should call the debounced fn twice (at the beginning and at the end)', () => {
+    const debounced = debounce(fn, 1000, true);
+
+    for (let i = 0; i < 100; i++) {
+      debounced(i);
+    }
+
+    jest.advanceTimersByTime(1500);
+
+    expect(fn).toBeCalledTimes(2);
+    expect(fn).toBeCalledWith(0);
+    expect(fn).toBeCalledWith(99);
+  });
+});

src/core/public/utils/debounce.ts

@@ -0,0 +1,23 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * @param func The function to be debounced.
+ * @param delay The time in milliseconds to wait before invoking the function again after the last invocation.
+ * @param leading An optional parameter that, when true, allows the function to be invoked immediately upon the first call. 
+
+ */
+export const debounce = (func: Function, delay: number, leading?: boolean) => {
+  let timerId: NodeJS.Timeout;
+
+  return (...args: any) => {
+    if (!timerId && leading) {
+      func(...args);
+    }
+    clearTimeout(timerId);
+
+    timerId = setTimeout(() => func(...args), delay);
+  };
+};

src/core/public/utils/index.ts

@@ -30,6 +30,7 @@
 
 export { shareWeakReplay } from './share_weak_replay';
 export { Sha256 } from './crypto';
+export { debounce } from './debounce';
 export { MountWrapper, mountReactNode } from './mount';
 export {
   WORKSPACE_PATH_PREFIX,

src/plugins/workspace/public/components/delete_workspace_modal/delete_workspace_modal.tsx

@@ -24,12 +24,12 @@ import { WorkspaceClient } from '../../workspace_client';
 interface DeleteWorkspaceModalProps {
   onClose: () => void;
   selectedWorkspace?: WorkspaceAttribute | null;
-  ifNavigate: boolean;
+  shouldNavigate: boolean;
 }
 
 export function DeleteWorkspaceModal(props: DeleteWorkspaceModalProps) {
   const [value, setValue] = useState('');
-  const { onClose, selectedWorkspace, ifNavigate } = props;
+  const { onClose, selectedWorkspace, shouldNavigate } = props;
   const {
     services: { application, notifications, http, workspaceClient },
   } = useOpenSearchDashboards<{ workspaceClient: WorkspaceClient }>();
@@ -55,7 +55,7 @@ export function DeleteWorkspaceModal(props: DeleteWorkspaceModalProps) {
           }),
         });
         onClose();
-        if (http && application && ifNavigate) {
+        if (http && application && shouldNavigate) {
           const homeUrl = application.getUrlForApp('home', {
             path: '/',
             absolute: false,

src/plugins/workspace/public/components/workspace_list/index.tsx

@@ -17,9 +17,8 @@ import {
 import useObservable from 'react-use/lib/useObservable';
 import { of } from 'rxjs';
 import { i18n } from '@osd/i18n';
-import { debounce } from 'lodash';
+import { debounce } from '../../../../../core/public';
 import { WorkspaceAttribute } from '../../../../../core/public';
-
 import { useOpenSearchDashboards } from '../../../../../plugins/opensearch_dashboards_react/public';
 import { switchWorkspace, updateWorkspace } from '../utils/workspace';
 
@@ -212,7 +211,7 @@ export const WorkspaceList = () => {
         <DeleteWorkspaceModal
           selectedWorkspace={delectedWorkspace}
           onClose={() => setDelectedWorkspace(null)}
-          ifNavigate={false}
+          shouldNavigate={false}
         />
       )}
     </EuiPage>

src/plugins/workspace/public/components/workspace_list/workspace_actions_menu.tsx

@@ -51,7 +51,7 @@ export const WorkspaceActionsMenu = ({ workspace }: Props) => {
         <DeleteWorkspaceModal
           selectedWorkspace={workspace}
           onClose={() => setDeleteWorkspaceModalVisible(false)}
-          ifNavigate={false}
+          shouldNavigate={false}
         />
       )}
       <EuiPopover

src/plugins/workspace/public/components/workspace_updater/workspace_updater.tsx

@@ -145,7 +145,7 @@ export const WorkspaceUpdater = () => {
               <DeleteWorkspaceModal
                 selectedWorkspace={currentWorkspace}
                 onClose={() => setDeleteWorkspaceModalVisible(false)}
-                ifNavigate={true}
+                shouldNavigate={true}
               />
             </EuiPanel>
           )}