PromucFlow_constructor/app/client/src/pages/Editor/IDE
Ashit Rath 67046f8693
chore: Split library side pane for adding package control section (#36926)
## Description
Purpose of this PR is to split the Libraries section to extend it in EE
and introduced a tab layout that has both js libraries and packages
Changes:
1. Increased width of Libraries pane to 384px
2. Added a route `/package` which opens the same as library 
3. Extracted the JSLibraries section to be reused as a tab panel body in
EE
4. Created `SidePaneWrapper` common component to be reused in EE
5. Split the title of the Libraries section under a hook to return empty
string if package feature flag is enabled.
6. Minor linting refactors.

In CE there is only one visual change i.e the increase in width of the
Libraries side pane from 250px to 384px


[Figma](https://www.figma.com/design/Z0QsSdGOydURn6WIMQ3rHM/Appsmith-Reusability?node-id=6816-319511&node-type=frame&t=x0DzN9HIxjefe3J1-0)

PR for https://github.com/appsmithorg/appsmith-ee/pull/5362
## Automation

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

### 🔍 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/11434291701>
> Commit: ec76cc569ea90ba55e451f5ab18fa85244ac076f
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=11434291701&attempt=3"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.All`
> Spec:
> <hr>Mon, 21 Oct 2024 08:54:31 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

## Release Notes

- **New Features**
- Introduced new functions for constructing URLs for application
libraries and packages.
- Added new route constants and matching functions for improved routing
of application packages and libraries.
- Implemented a custom hook for dynamic header titles in the libraries
section.
- Added a new `LibrarySidePane` component to enhance the editor
interface.
- Introduced a new `SidePaneWrapper` component for better layout
management.

- **Bug Fixes**
- Enhanced entity identification logic to recognize both libraries and
packages.

- **Chores**
  - Updated routing logic for improved maintainability.
  - Added constants for configurable UI component widths.

These updates aim to enhance user experience and improve the overall
functionality of the application.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2024-10-22 10:48:03 +05:30
..
EditorPane chore: decouple widget-config.json from main chunk (#36924) 2024-10-17 20:48:39 +05:30
EditorTabs chore: Updating plugin action name editor component to use ADS text component (#36960) 2024-10-18 19:07:50 +05:30
Header chore: Split library side pane for adding package control section (#36926) 2024-10-22 10:48:03 +05:30
hooks chore: extract useCurrentAppState hook to reduce cyclic dependency (#36937) 2024-10-17 18:10:58 +05:30
Layout chore: Split library side pane for adding package control section (#36926) 2024-10-22 10:48:03 +05:30
LeftPane chore: Split library side pane for adding package control section (#36926) 2024-10-22 10:48:03 +05:30
MainPane chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
RightPane chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
AppsmithIDE.test.tsx chore: decouple widget-config.json from main chunk (#36924) 2024-10-17 20:48:39 +05:30
hooks.test.tsx chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
hooks.ts chore: extract useCurrentAppState hook to reduce cyclic dependency (#36937) 2024-10-17 18:10:58 +05:30
index.tsx chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
ProtectedCallout.test.tsx chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
ProtectedCallout.tsx chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
Sidebar.tsx chore: extract useCurrentAppState hook to reduce cyclic dependency (#36937) 2024-10-17 18:10:58 +05:30