chore: move wds widgets to modules (#36511)

## Description



Fixes #36510
_or_  
Fixes `Issue URL`
> [!WARNING]  
> _If no issue exists, please create an issue first, and check with the
maintainers if the issue is valid._

## Automation

/ok-to-test tags="@tag.Sanity"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/11015252866>
> Commit: a5fae728c0f857b2ff62a4f6a3bc50b1b377c2bd
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=11015252866&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Sanity`
> Spec:
> <hr>Tue, 24 Sep 2024 14:30:02 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [ ] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

## Summary by CodeRabbit

- **Chores**
- Updated import paths for various components and types to reflect a new
directory structure, enhancing organization and maintainability.
- Modified paths for multiple widgets including `WDSInputWidget`,
`WDSBaseInputWidget`, `WDSModalWidget`, and `MenuButtonWidget`, ensuring
consistent access to resources.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

app/client/cypress/support/Pages/Anvil/Locators/index.ts

@@ -1,6 +1,6 @@
 import { MAIN_CONTAINER_WIDGET_ID } from "../../../../../src/constants/WidgetConstants";
 import { getAnvilCanvasId } from "../../../../../src/layoutSystems/anvil/viewer/canvas/utils";
-import { AnvilDataAttributes } from "../../../../../src/widgets/wds/constants";
+import { AnvilDataAttributes } from "../../../../../src/modules/ui-builder/ui/wds/constants";
 
 // anvil widget based selectors
 const anvilWidgetSelector = "[data-testid=t--anvil-widget-wrapper]";

app/client/src/WidgetProvider/factory/helpers.ts

@@ -17,7 +17,7 @@ import {
   WidgetFeaturePropertyPaneEnhancements,
 } from "../../utils/WidgetFeatures";
 import { generateReactKey } from "utils/generators";
-import { DEFAULT_WIDGET_ON_CANVAS_UI } from "widgets/wds/constants";
+import { DEFAULT_WIDGET_ON_CANVAS_UI } from "modules/ui-builder/ui/wds/constants";
 import type { WidgetDefaultProps } from "WidgetProvider/constants";
 
 export enum PropertyPaneConfigTypes {

app/client/src/layoutSystems/anvil/common/AnvilFlexComponent.tsx

@@ -15,7 +15,7 @@ import { Layers } from "constants/Layers";
 import { noop } from "utils/AppsmithUtils";
 import { convertFlexGrowToFlexBasis } from "../sectionSpaceDistributor/utils/spaceDistributionEditorUtils";
 import styles from "./styles.module.css";
-import { AnvilDataAttributes } from "widgets/wds/constants";
+import { AnvilDataAttributes } from "modules/ui-builder/ui/wds/constants";
 
 const anvilWidgetStyleProps: CSSProperties = {
   position: "relative",

app/client/src/layoutSystems/anvil/editor/canvasArenas/hooks/useAnvilDnDListenerStates.ts

@@ -15,7 +15,7 @@ import { getWidgetHierarchy } from "layoutSystems/anvil/utils/paste/utils";
 import type { AnvilGlobalDnDStates } from "../../canvas/hooks/useAnvilGlobalDnDStates";
 import { getWidgets } from "sagas/selectors";
 import { useMemo } from "react";
-import { WDSZoneWidget } from "widgets/wds/WDSZoneWidget";
+import { WDSZoneWidget } from "modules/ui-builder/ui/wds/WDSZoneWidget";
 import { useAnvilWidgetElevation } from "../../canvas/providers/AnvilWidgetElevationProvider";
 
 interface AnvilDnDListenerStatesProps {

app/client/src/layoutSystems/anvil/editor/canvasArenas/hooks/useAnvilWidgetDrop.ts

@@ -7,7 +7,7 @@ import type { AnvilHighlightInfo } from "layoutSystems/anvil/utils/anvilTypes";
 import { useCallback } from "react";
 import { useDispatch } from "react-redux";
 import type { AnvilDnDListenerStates } from "./useAnvilDnDListenerStates";
-import { anvilWidgets } from "widgets/wds/constants";
+import { anvilWidgets } from "modules/ui-builder/ui/wds/constants";
 
 export const useAnvilWidgetDrop = (
   canvasId: string,

app/client/src/layoutSystems/anvil/editor/canvasArenas/utils/utils.ts

@@ -7,7 +7,7 @@ import WidgetFactory from "WidgetProvider/factory";
 import type { CanvasWidgetsReduxState } from "reducers/entityReducers/canvasWidgetsReducer";
 import type { DragDetails } from "reducers/uiReducers/dragResizeReducer";
 import { AnvilDraggedWidgetTypesEnum } from "../types";
-import { anvilWidgets } from "widgets/wds/constants";
+import { anvilWidgets } from "modules/ui-builder/ui/wds/constants";
 import { HIGHLIGHT_SIZE } from "layoutSystems/anvil/utils/constants";
 import { getWidgetHierarchy } from "layoutSystems/anvil/utils/paste/utils";
 

app/client/src/layoutSystems/anvil/editor/hooks/useAnvilWidgetStyles.ts

@@ -4,7 +4,7 @@ import { useSelector } from "react-redux";
 import { useWidgetBorderStyles } from "layoutSystems/anvil/common/hooks/useWidgetBorderStyles";
 import type { AppState } from "ee/reducers";
 import { getIsNewWidgetBeingDragged } from "sagas/selectors";
-import { AnvilDataAttributes } from "widgets/wds/constants";
+import { AnvilDataAttributes } from "modules/ui-builder/ui/wds/constants";
 
 export const useAnvilWidgetStyles = (
   widgetId: string,

app/client/src/layoutSystems/anvil/integrations/sagas/anvilDraggingSagas/anvilDraggingSagas.test.ts

@@ -6,9 +6,9 @@ import { LayoutComponentTypes } from "layoutSystems/anvil/utils/anvilTypes";
 import { expectSaga } from "redux-saga-test-plan";
 import { getWidgets } from "sagas/selectors";
 import { registerWidgets } from "WidgetProvider/factory/registrationHelper";
-import { WDSSectionWidget } from "widgets/wds/WDSSectionWidget";
+import { WDSSectionWidget } from "modules/ui-builder/ui/wds/WDSSectionWidget";
-import { WDSZoneWidget } from "widgets/wds/WDSZoneWidget";
+import { WDSZoneWidget } from "modules/ui-builder/ui/wds/WDSZoneWidget";
-import { WDSButtonWidget } from "widgets/wds/WDSButtonWidget";
+import { WDSButtonWidget } from "modules/ui-builder/ui/wds/WDSButtonWidget";
 import {
   getCanvasWidth,
   getIsAutoLayoutMobileBreakPoint,
@@ -20,7 +20,7 @@ import { registerLayoutComponents } from "layoutSystems/anvil/utils/layouts/layo
 import { getIsAnvilLayout } from "../../selectors";
 import { selectWidgetInitAction } from "actions/widgetSelectionActions";
 import { SelectionRequestType } from "sagas/WidgetSelectUtils";
-import { WDSModalWidget } from "widgets/wds/WDSModalWidget";
+import { WDSModalWidget } from "modules/ui-builder/ui/wds/WDSModalWidget";
 import { generateMockDataWithTwoSections } from "./mockData.helper";
 import type { AnvilMoveWidgetsPayload } from "../../actions/actionTypes";
 import {

app/client/src/layoutSystems/anvil/integrations/sagas/anvilWidgetAdditionSagas/index.ts

@@ -11,7 +11,7 @@ import {
   type ReduxAction,
 } from "ee/constants/ReduxActionConstants";
 import type { WidgetProps } from "widgets/BaseWidget";
-import { WDS_V2_WIDGET_MAP } from "widgets/wds/constants";
+import { WDS_V2_WIDGET_MAP } from "modules/ui-builder/ui/wds/constants";
 import { MAIN_CONTAINER_WIDGET_ID } from "constants/WidgetConstants";
 import { getMainCanvasLastRowHighlight } from "../anvilDraggingSagas/helpers";
 import { updateAndSaveAnvilLayout } from "layoutSystems/anvil/utils/anvilChecksUtils";

app/client/src/layoutSystems/anvil/layoutComponents/components/section/index.tsx

@@ -7,7 +7,7 @@ import {
 import WidgetRow from "../WidgetRow";
 import { SectionRow } from "./SectionRow";
 import type { FlexLayoutProps } from "../FlexLayout";
-import { anvilWidgets } from "widgets/wds/constants";
+import { anvilWidgets } from "modules/ui-builder/ui/wds/constants";
 import { SectionSpaceDistributor } from "layoutSystems/anvil/sectionSpaceDistributor/SectionSpaceDistributor";
 
 class Section extends WidgetRow {

app/client/src/layoutSystems/anvil/utils/anvilChecksUtils.ts

@@ -4,7 +4,7 @@ import { updateAnvilParentPostWidgetDeletion } from "layoutSystems/anvil/utils/l
 import type { FlattenedWidgetProps } from "WidgetProvider/constants";
 import { MAIN_CONTAINER_WIDGET_ID } from "constants/WidgetConstants";
 import type { CanvasWidgetsReduxState } from "reducers/entityReducers/canvasWidgetsReducer";
-import { anvilWidgets } from "widgets/wds/constants";
+import { anvilWidgets } from "modules/ui-builder/ui/wds/constants";
 import {
   updateSectionWithDefaultSpaceDistribution,
   updateSectionsDistributedSpace,

app/client/src/layoutSystems/anvil/utils/constants.ts

@@ -1,6 +1,6 @@
 import { FlexLayerAlignment } from "layoutSystems/common/utils/constants";
 import type { HighlightPayload, HighlightRenderInfo } from "./anvilTypes";
-import { anvilWidgets } from "widgets/wds/constants";
+import { anvilWidgets } from "modules/ui-builder/ui/wds/constants";
 
 export const MOBILE_BREAKPOINT = 480;
 

app/client/src/layoutSystems/anvil/utils/layouts/update/mainCanvasLayoutUtils.ts

@@ -11,7 +11,7 @@ import LayoutFactory from "layoutSystems/anvil/layoutComponents/LayoutFactory";
 import { call } from "redux-saga/effects";
 
 import { severTiesFromParents, transformMovedWidgets } from "./moveUtils";
-import { anvilWidgets } from "widgets/wds/constants";
+import { anvilWidgets } from "modules/ui-builder/ui/wds/constants";
 import { MAIN_CONTAINER_WIDGET_ID } from "constants/WidgetConstants";
 import { addNewAnvilWidgetToDSL } from "layoutSystems/anvil/integrations/sagas/anvilWidgetAdditionSagas/helpers";
 

app/client/src/layoutSystems/anvil/utils/layouts/update/sectionUtils.ts

@@ -13,7 +13,7 @@ import type { CanvasWidgetsReduxState } from "reducers/entityReducers/canvasWidg
 import { call } from "redux-saga/effects";
 import { severTiesFromParents, transformMovedWidgets } from "./moveUtils";
 import type { FlattenedWidgetProps } from "WidgetProvider/constants";
-import { anvilWidgets } from "widgets/wds/constants";
+import { anvilWidgets } from "modules/ui-builder/ui/wds/constants";
 import { addNewAnvilWidgetToDSL } from "layoutSystems/anvil/integrations/sagas/anvilWidgetAdditionSagas/helpers";
 
 export function* createSectionAndAddWidget(

app/client/src/layoutSystems/anvil/utils/layouts/update/zoneUtils.ts

@@ -11,7 +11,7 @@ import { call } from "redux-saga/effects";
 import { addWidgetsToChildTemplate } from "./additionUtils";
 import type { FlattenedWidgetProps } from "WidgetProvider/constants";
 import { isLargeWidget } from "../../widgetUtils";
-import { anvilWidgets } from "widgets/wds/constants";
+import { anvilWidgets } from "modules/ui-builder/ui/wds/constants";
 import {
   moveWidgets,
   severTiesFromParents,

app/client/src/layoutSystems/anvil/utils/paste/sectionPasteUtils.ts

@@ -6,7 +6,7 @@ import type {
 } from "./types";
 import { getDestinedParent } from "./destinationUtils";
 import type { FlattenedWidgetProps } from "WidgetProvider/constants";
-import { anvilWidgets } from "widgets/wds/constants";
+import { anvilWidgets } from "modules/ui-builder/ui/wds/constants";
 import type { LayoutProps } from "../anvilTypes";
 import { all, call } from "redux-saga/effects";
 import { addPastedWidgets } from "./utils";

app/client/src/layoutSystems/anvil/utils/sectionOperationUtils.ts

@@ -13,7 +13,7 @@ import { generateReactKey } from "utils/generators";
 import type BaseLayoutComponent from "../layoutComponents/BaseLayoutComponent";
 import LayoutFactory from "../layoutComponents/LayoutFactory";
 import { defaultHighlightRenderInfo } from "../utils/constants";
-import { anvilWidgets } from "widgets/wds/constants";
+import { anvilWidgets } from "modules/ui-builder/ui/wds/constants";
 import { getUpdatedListOfWidgetsAfterAddingNewWidget } from "../integrations/sagas/anvilWidgetAdditionSagas";
 
 /**

app/client/src/layoutSystems/withLayoutSystemWidgetHOC.test.tsx

@@ -3,9 +3,9 @@ import React from "react";
 import * as editorSelectors from "selectors/editorSelectors";
 import { WidgetTypeFactories } from "test/factories/Widgets/WidgetTypeFactories";
 import { render } from "test/testUtils";
-import InputWidget from "widgets/InputWidgetV2/widget";
+import InputWidget from "widgets/InputWidgetV2";
 import { ModalWidget } from "widgets/ModalWidget/widget";
-import { WDSModalWidget } from "widgets/wds/WDSModalWidget/widget";
+import { WDSModalWidget } from "modules/ui-builder/ui/wds//WDSModalWidget/widget";
 import { withLayoutSystemWidgetHOC } from "./withLayoutSystemWidgetHOC";
 import { LayoutSystemTypes } from "./types";
 import * as layoutSystemSelectors from "selectors/layoutSystemSelectors";

app/client/src/modules/ui-builder/ui/wds/WDSCheckboxGroupWidget/widget/helpers.ts

@@ -1,4 +1,4 @@
-import type { Validation } from "widgets/wds/WDSInputWidget/widget/types";
+import type { Validation } from "modules/ui-builder/ui/wds/WDSInputWidget/widget/types";
 
 import type { CheckboxGroupWidgetProps } from "./types";
 

app/client/src/modules/ui-builder/ui/wds/WDSComboBoxWidget/config/propertyPaneConfig/contentConfig.test.ts

@@ -1,4 +1,4 @@
-import type { WidgetProps } from "../../../../BaseWidget";
+import type { WidgetProps } from "widgets/BaseWidget";
 import { handleWidgetTypeUpdate } from "./contentConfig";
 
 describe("handleWidgetTypeUpdate", () => {

app/client/src/modules/ui-builder/ui/wds/WDSComboBoxWidget/config/propertyPaneConfig/contentConfig.ts

@@ -1,8 +1,8 @@
 import { ValidationTypes } from "constants/WidgetValidation";
 import { EvaluationSubstitutionType } from "entities/DataTree/dataTreeFactory";
 import { AutocompleteDataType } from "utils/autocomplete/AutocompleteDataType";
-import type { PropertyUpdates } from "../../../../../WidgetProvider/constants";
+import type { PropertyUpdates } from "WidgetProvider/constants";
-import type { WidgetProps } from "../../../../BaseWidget";
+import type { WidgetProps } from "widgets/BaseWidget";
 import type { WDSComboBoxWidgetProps } from "../../widget/types";
 import { optionsCustomValidation } from "./validations";
 

app/client/src/modules/ui-builder/ui/wds/WDSComboBoxWidget/config/propertyPaneConfig/validations/optionsCustomValidation.ts

@@ -1,6 +1,6 @@
 import type { ValidationResponse } from "constants/WidgetValidation";
 import type { LoDashStatic } from "lodash";
-import type { WidgetProps } from "../../../../../BaseWidget";
+import type { WidgetProps } from "widgets/BaseWidget";
 
 interface ValidationErrorMessage {
   name: string;

app/client/src/modules/ui-builder/ui/wds/WDSComboBoxWidget/widget/helpers.ts

@@ -1,4 +1,4 @@
-import type { Validation } from "widgets/wds/WDSInputWidget/widget/types";
+import type { Validation } from "modules/ui-builder/ui/wds/WDSInputWidget/widget/types";
 import type { WDSComboBoxWidgetProps } from "./types";
 
 export function validateInput(props: WDSComboBoxWidgetProps): Validation {

app/client/src/modules/ui-builder/ui/wds/WDSCurrencyInputWidget/component/types.ts

@@ -1,5 +1,5 @@
 import type { CurrencyTypeOptions } from "constants/Currency";
-import type { BaseInputComponentProps } from "widgets/wds/WDSBaseInputWidget";
+import type { BaseInputComponentProps } from "modules/ui-builder/ui/wds/WDSBaseInputWidget";
 
 export interface CurrencyInputComponentProps extends BaseInputComponentProps {
   currencyCode?: string;

app/client/src/modules/ui-builder/ui/wds/WDSCurrencyInputWidget/config/defaultsConfig.ts

@@ -1,4 +1,4 @@
-import { WDSBaseInputWidget } from "widgets/wds/WDSBaseInputWidget";
+import { WDSBaseInputWidget } from "modules/ui-builder/ui/wds/WDSBaseInputWidget";
 import { ResponsiveBehavior } from "layoutSystems/common/utils/constants";
 import type { WidgetDefaultProps } from "WidgetProvider/constants";