Add RTL Support and Fix UI Issues in RTL for Admin UI V1.x

[MEClouds]

Pull Request: Add RTL Support and Fix UI Issues in RTL for Medusa Admin UI v1.x

Overview

This pull request introduces RTL (Right-to-Left) support and addresses various UI issues when using RTL layout in the Medusa Admin UI v1.x. It resolves issue #8086

Changes

1. Direction Based on Language:

   • Implemented direction changes based on the language direction (RTL/LTR) in the i18n configuration.
   • The direction of the application now dynamically adjusts based on the selected language.

2. Tailwind Styles Adaptation:

   • Utilized Tailwind CSS classes that support both RTL and LTR directions without issues.
   • Converted the following classes:
     • pl to ps
     • pr to pe
     • ml to ms
     • mr to me
     • left to start
     • right to end
     • And other similar adjustments
   • Ensured consistent and correct styling across different directional layouts.

3. Component-Specific Direction Properties:

   • Added dir properties to components that did not respond to the root direction setting, such as the dropdown menu.
   • Ensured these components display correctly in both RTL and LTR modes.

4. Styling Fixes:

   • Fixed styling issues in tanstack/react-table to ensure proper display and functionality in RTL.
   • Addressed styling issues with switch and radio button components to ensure consistent behavior and appearance in RTL.

Additional Notes

• Ensured that all changes are backward compatible and do not affect the LTR layout.
• Tested the changes extensively to ensure there are no regressions or new issues introduced.
• Please review the changes and provide feedback or suggestions for further improvements.

Thank you for your attention to this pull request. I look forward to your feedback and hope these changes improve the usability of Medusa Admin-UI for RTL languages.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 945fc5a

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

@MEClouds is attempting to deploy a commit to the medusajs Team on Vercel.

A member of the Team first needs to authorize it.

[MEClouds]

@kasperkristensen

[kasperkristensen]

Thanks for the PR @MEClouds. We are quite busy with working on V2 at the moment, but I will give this a review in the coming weeks.

[alisafavi]

How can use this customization ?
Should I publish it in to npm ?