fix: make url selectable (#33952)

## Description
1. Make url in page settings selectable.
2. Make DataSourceEditor selectable.

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

## Automation

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

### 🔍 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/9363517504>
> Commit: deb311174f011191928744e0f440ab3ffe1deb09
> Cypress dashboard url: <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=9363517504&attempt=1"
target="_blank">Click here!</a>

<!-- end of auto-generated comment: Cypress test results  -->








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


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

- **Style**
- Updated text selection behavior in various components to improve user
interaction by adding the `select-text` class.

- **Chores**
- Reordered imports in the Cypress local setup script for better code
organization.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
Valera Melnikov 2024-06-04 12:28:29 +03:00 committed by GitHub
parent ef0d9518f6
commit 57a62f3ea1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 3 additions and 3 deletions

View File

@ -1,5 +1,5 @@
const { execSync } = require("child_process");
const { readFileSync, existsSync, writeFileSync } = require("fs");
const { existsSync, readFileSync, writeFileSync } = require("fs");
const path = require("path");
const prompt = require("prompt-sync")();

View File

@ -253,7 +253,7 @@ function PageSettings(props: { page: Page }) {
{!appNeedsUpdate && (
<UrlPreviewWrapper className="mb-2">
<UrlPreviewScroll
className="py-1 pl-2 mr-0.5 text-xs break-all"
className="py-1 pl-2 mr-0.5 text-xs break-all select-text"
onCopy={() => {
navigator.clipboard.writeText(
location.protocol +

View File

@ -50,7 +50,7 @@ export class JSONtoForm<
renderForm = (formContent: any) => {
return (
// <MainContainer>
<FormContainer className="t--json-to-form-wrapper">
<FormContainer className="t--json-to-form-wrapper select-text">
<FormContainerBody className="t--json-to-form-body">
{formContent}
</FormContainerBody>