upcoming: [UIE-9420] — Implement new Image selection UI on the Linode Create page

[dwiley-akamai]

Description 📝

Implement new Image selection table on the Linode Create page in place of the current Image select dropdown.

Changes 🔄

• New ImageSelect/constants.ts, ImageSelect/ImageSelectTable.tsx, and ImageSelect/ImageSelectTableRow.tsx

Scope 🚢

Upon production release, changes in this PR will be visible to:

• All customers
• Some customers (e.g. in Beta or Limited Availability)
• No customers / Not applicable

Target release date 🗓️

TBD

Preview 📷

Before	After

How to test 🧪

Prerequisites

Toggle the Private Image Sharing flag in the CM DevTool

Verification steps

With the Private Image Sharing flag on...

• The Linode Create > Images tab should have the new image select table rather than the image select dropdown
• The image select table should function as expected (pagination, searching/filtering, hovering over the "Replicated in" cells, etc.)
• No other Linode Create tabs should be impacted

With the Private Image Sharing flag off...

• The Linode Create > Images tab should not have the new image select table. It should still have the current image select dropdown with no other UI changes visible.

Author Checklists

As an Author, to speed up the review process, I considered 🤔

👀 Doing a self review
❔ Our contribution guidelines
🤏 Splitting feature into small PRs
➕ Adding a changeset
🧪 Providing/improving test coverage
🔐 Removing all sensitive information from the code and PR description
🚩 Using a feature flag to protect the release
👣 Providing comprehensive reproduction steps
📑 Providing or updating our documentation
🕛 Scheduling a pair reviewing session
📱 Providing mobile support
♿ Providing accessibility support

• I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

• All tests and CI checks are passing
• TypeScript compilation succeeded without errors
• Code passes all linting rules

[abailly-akamai]

You could set/derive all this state terms via query params instead. Kinda nice if we want to link to a specific selection for instance.

[dwiley-akamai]

Going to explore this in the next PR for UIE-9376 since it will use this component as well

[linode-gh-bot]

Cloud Manager UI test results

🔺 4 failing tests on test run #11 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
4 Failing	868 Passing	11 Skipped	40m 13s

Details

Failing Tests
	Spec	Test
❌	object-storage.e2e.spec.ts	Cloud Manager Cypress Tests→object storage end-to-end tests » can create and delete object storage buckets
❌	object-storage-objects-multicluster.spec.ts	Cloud Manager Cypress Tests→Object Storage Multicluster objects » can upload, access, and delete objects
❌	account-switching.spec.ts	Cloud Manager Cypress Tests→Parent/Child account switching→From Child to Parent » can switch from Proxy user back to Parent account user from Billing page
❌	account-switching.spec.ts	Cloud Manager Cypress Tests→Parent/Child account switching→From Child to Child » can switch to another Child account as a Proxy user

Troubleshooting

Use this command to re-run the failing tests:

pnpm cy:run -s "cypress/e2e/core/objectStorage/object-storage.e2e.spec.ts,cypress/e2e/core/objectStorageMulticluster/object-storage-objects-multicluster.spec.ts,cypress/e2e/core/parentChild/account-switching.spec.ts"