From 038a6b76d7ac21be99bec8b02d1fab70a2a8a30a Mon Sep 17 00:00:00 2001
From: Ankita Kinger <ankita@appsmith.com>
Date: Thu, 12 Dec 2024 23:26:43 +0530
Subject: [PATCH] chore: Adding create module icon in the action context menu
 on EE (#38130)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Description

Adding create module icon in the action context menu on EE

Fixes [#38094](https://github.com/appsmithorg/appsmith/issues/38094)

## Automation

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

### :mag: 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/12295657868>
> Commit: 0d94f8e4b2daf88f278dc6863e7eabe9efdd0212
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=12295657868&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Sanity`
> Spec:
> <hr>Thu, 12 Dec 2024 12:25:09 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

- **New Features**
- Introduced a new icon, `CreateModuleIcon`, available for use
throughout the application.

- **Bug Fixes**
- Adjusted the width of the `MenuContent` component in the
`PluginActionToolbar` for improved layout.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../design-system/ads/src/Icon/Icon.provider.tsx    |  4 ++++
 .../ads/src/__assets__/icons/ads/create-module.svg  | 13 +++++++++++++
 .../components/PluginActionToolbar.tsx              |  2 +-
 3 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 app/client/packages/design-system/ads/src/__assets__/icons/ads/create-module.svg

diff --git a/app/client/packages/design-system/ads/src/Icon/Icon.provider.tsx b/app/client/packages/design-system/ads/src/Icon/Icon.provider.tsx
index d5eaf80dc9..8db9b910c9 100644
--- a/app/client/packages/design-system/ads/src/Icon/Icon.provider.tsx
+++ b/app/client/packages/design-system/ads/src/Icon/Icon.provider.tsx
@@ -775,6 +775,9 @@ const PackageIcon = importSvg(
 const ModuleIcon = importSvg(
   async () => import("../__assets__/icons/ads/module.svg"),
 );
+const CreateModuleIcon = importSvg(
+  async () => import("../__assets__/icons/ads/create-module.svg"),
+);
 const WorkflowsIcon = importSvg(
   async () => import("../__assets__/icons/ads/workflows.svg"),
 );
@@ -1187,6 +1190,7 @@ const ICON_LOOKUP = {
   "contract-right-line": ContractRight,
   "copy-control": CopyIcon,
   "copy2-control": Copy2Icon,
+  "create-module": CreateModuleIcon,
   "cut-control": CutIcon,
   "dashboard-line": DashboardLineIcon,
   "database-2-line": Database2Line,
diff --git a/app/client/packages/design-system/ads/src/__assets__/icons/ads/create-module.svg b/app/client/packages/design-system/ads/src/__assets__/icons/ads/create-module.svg
new file mode 100644
index 0000000000..1fb829ae25
--- /dev/null
+++ b/app/client/packages/design-system/ads/src/__assets__/icons/ads/create-module.svg
@@ -0,0 +1,13 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4326_112215)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7552 3.40954L9.87059 2.52371L8.59013 1.24425C8.43355 1.08785 8.2213 1 8 1C7.7787 1 7.56645 1.08785 7.40987 1.24425L5.24478 3.40898C5.16718 3.48654 5.10562 3.57863 5.06362 3.68C5.02162 3.78136 5 3.89 5 3.99972C5 4.10944 5.02162 4.21809 5.06362 4.31945C5.10562 4.42081 5.16718 4.5129 5.24478 4.59046L6.52302 5.87104L7.40932 6.75575C7.5659 6.91215 7.77815 7 7.99944 7C8.22074 7 8.43299 6.91215 8.58957 6.75575L9.47643 5.87104L10.7552 4.59102C10.8328 4.51346 10.8944 4.42137 10.9364 4.32C10.9784 4.21864 11 4.11 11 4.00028C11 3.89056 10.9784 3.78191 10.9364 3.68055C10.8944 3.57919 10.8328 3.4871 10.7552 3.40954ZM6.42146 3.99991L7.99994 2.4216L9.57853 4.00022L7.99954 5.57873L6.42146 3.99991Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7552 11.4095L9.87059 10.5237L8.59013 9.24425C8.43355 9.08785 8.2213 9 8 9C7.7787 9 7.56645 9.08785 7.40987 9.24425L5.24478 11.409C5.16718 11.4865 5.10562 11.5786 5.06362 11.68C5.02162 11.7814 5 11.89 5 11.9997C5 12.1094 5.02162 12.2181 5.06362 12.3194C5.10562 12.4208 5.16718 12.5129 5.24478 12.5905L6.52302 13.871L7.40932 14.7558C7.5659 14.9122 7.77815 15 7.99944 15C8.22074 15 8.43299 14.9122 8.58957 14.7558L9.47643 13.871L10.7552 12.591C10.8328 12.5135 10.8944 12.4214 10.9364 12.32C10.9784 12.2186 11 12.11 11 12.0003C11 11.8906 10.9784 11.7819 10.9364 11.6806C10.8944 11.5792 10.8328 11.4871 10.7552 11.4095ZM6.42146 11.9999L7.99994 10.4216L9.57853 12.0002L7.99954 13.5787L6.42146 11.9999Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.75522 7.40954L5.87059 6.52371L4.59013 5.24425C4.43355 5.08785 4.2213 5 4 5C3.7787 5 3.56645 5.08785 3.40987 5.24425L1.24478 7.40898C1.16718 7.48654 1.10562 7.57863 1.06362 7.68C1.02162 7.78136 1 7.89 1 7.99972C1 8.10944 1.02162 8.21809 1.06362 8.31945C1.10562 8.42081 1.16718 8.5129 1.24478 8.59046L2.52302 9.87104L3.40932 10.7558C3.5659 10.9122 3.77815 11 3.99944 11C4.22074 11 4.43299 10.9122 4.58957 10.7558L5.47643 9.87104L6.75522 8.59102C6.83282 8.51346 6.89438 8.42137 6.93638 8.32C6.97838 8.21864 7 8.11 7 8.00028C7 7.89056 6.97838 7.78191 6.93638 7.68055C6.89438 7.57919 6.83282 7.4871 6.75522 7.40954ZM2.42146 7.99991L3.99994 6.4216L5.57853 8.00022L3.99954 9.57873L2.42146 7.99991Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7552 7.40954L13.8706 6.52371L12.5901 5.24425C12.4335 5.08785 12.2213 5 12 5C11.7787 5 11.5665 5.08785 11.4099 5.24425L9.24478 7.40898C9.16718 7.48654 9.10562 7.57863 9.06362 7.68C9.02162 7.78136 9 7.89 9 7.99972C9 8.10944 9.02162 8.21809 9.06362 8.31945C9.10562 8.42081 9.16718 8.5129 9.24478 8.59046L10.523 9.87104L11.4093 10.7558C11.5659 10.9122 11.7781 11 11.9994 11C12.2207 11 12.433 10.9122 12.5896 10.7558L13.4764 9.87104L14.7552 8.59102C14.8328 8.51346 14.8944 8.42137 14.9364 8.32C14.9784 8.21864 15 8.11 15 8.00028C15 7.89056 14.9784 7.78191 14.9364 7.68055C14.8944 7.57919 14.8328 7.4871 14.7552 7.40954ZM10.4215 7.99991L11.9999 6.4216L13.5785 8.00022L11.9995 9.57873L10.4215 7.99991Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0_4326_112215">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/app/client/src/PluginActionEditor/components/PluginActionToolbar.tsx b/app/client/src/PluginActionEditor/components/PluginActionToolbar.tsx
index e200af92a6..f44c486f69 100644
--- a/app/client/src/PluginActionEditor/components/PluginActionToolbar.tsx
+++ b/app/client/src/PluginActionEditor/components/PluginActionToolbar.tsx
@@ -68,7 +68,7 @@ const PluginActionToolbar = (props: PluginActionToolbarProps) => {
             key={action.id}
             loop
             style={{ zIndex: 100 }}
-            width="200px"
+            width="204px"
           >
             {props.menuContent}
           </MenuContent>