revert: "feat(dashboard): adding new property panel layout"

This reverts commit 07ece7b.

packages/dashboard/e2e/tests/test.ts

@@ -14,7 +14,6 @@ interface Fixtures {
   dashboardWithKPIWidget: DashboardPage;
   dashboardWithStatusWidget: DashboardPage;
   dashboardWithTableWidget: DashboardPage;
-  dashboardWithPropertyPanel: DashboardPage;
   resourceExplorer: ResourceExplorer;
   configPanel: ConfigPanel;
 }
@@ -71,12 +70,6 @@ export const test = base.extend<Fixtures>({
 
     return use(dashboardWithKPIWidget);
   },
-  dashboardWithPropertyPanel: async ({ page, browser }, use) => {
-    const dashboardWithLineWidgetPropertyPanel =
-      await createNewDashboardWithPropertyPanel(page, browser);
-
-    return use(dashboardWithLineWidgetPropertyPanel);
-  },
   configPanel: async ({ page }, use) => {
     const configPanel = new ConfigPanel({ page });
     await use(configPanel);
@@ -100,18 +93,3 @@ const createNewDashboardWithWidget = async (
   }
   return dashboard;
 };
-
-const createNewDashboardWithPropertyPanel = async (
-  page: Page,
-  browser: Browser
-) => {
-  const dashboard = new DashboardPage({ page, browser });
-  await dashboard.goto();
-  await page.evaluate(() =>
-    localStorage.setItem('SHOW_DASHBOARD_LAYOUT', 'true')
-  );
-  await page.reload();
-  await dashboard.makeViewportToAbsolute();
-
-  return dashboard;
-};

packages/dashboard/package.json

@@ -65,7 +65,6 @@
     "@types/papaparse": "^5.3.10",
     "@types/react": "^18.2.12",
     "@types/react-dom": "^18.2.5",
-    "@types/react-resizable": "^3.0.7",
     "css-loader": "6.8.1",
     "dotenv": "^16.3.1",
     "eslint-config-iot-app-kit": "9.15.0",
@@ -121,7 +120,6 @@
     "react-hook-form": "^7.46.1",
     "react-hotkeys": "^2.0.0",
     "react-popper": "^2.3.0",
-    "react-resizable": "^3.0.5",
     "react-use": "17.4.0",
     "tiny-invariant": "^1.3.1",
     "turbowatch": "^2.29.4",

packages/dashboard/src/components/customOrangeButton/index.spec.tsx

@@ -1,14 +1,11 @@
 import React from 'react';
-import { render, fireEvent, cleanup } from '@testing-library/react';
+import { render, fireEvent } from '@testing-library/react';
 import CustomOrangeButton from './index';
 
 describe('CustomOrangeButton', () => {
   const title = 'Test Button';
   const handleClick = jest.fn();
-  beforeEach(() => {
-    cleanup();
-    handleClick.mockReset();
-  });
+
   test('renders button with correct title', () => {
     const { getByText } = render(
       <CustomOrangeButton title={title} handleClick={handleClick} />
@@ -23,16 +20,4 @@ describe('CustomOrangeButton', () => {
     fireEvent.click(button);
     expect(handleClick).toHaveBeenCalledTimes(1);
   });
-  test('does not calls handleClick when clicked but disabled', () => {
-    const { getByRole } = render(
-      <CustomOrangeButton
-        title={title}
-        handleClick={handleClick}
-        disabled={true}
-      />
-    );
-    const button = getByRole('button');
-    button.click();
-    expect(handleClick).toHaveBeenCalledTimes(0);
-  });
 });

packages/dashboard/src/components/customOrangeButton/index.tsx

@@ -8,16 +8,8 @@ import './index.css';
 const CustomOrangeButton = ({
   title,
   handleClick,
-  disabled,
   ...rest
 }: { title: string; handleClick?: () => void } & ButtonProps) => {
-  if (disabled) {
-    return (
-      <Button variant='primary' disabled={true}>
-        {title}
-      </Button>
-    );
-  }
   return (
     <Button
       className='btn-custom-primary'