Skip to content

Conversation

@luarmr
Copy link
Contributor

@luarmr luarmr commented Oct 24, 2025

Another small migration for BEM in the settings section of the editor.

Migrated SettingsRenderer component from Block/Elem to cn() helper.
- Replaced Block/Elem imports with cn import
- Replaced <Block name="settings"> with <div className={cn("settings")...}>
- Replaced <Elem name="field"> with <div className={cn("settings").elem("field")...}>
- Preserved onChange handlers and all props
- No behavior change, equivalent class strings
Migrated Settings component from Block/Elem to cn() helper.
- Replaced Block/Elem imports with cn import
- Replaced <Block name="keys"> with <div className={cn("keys")...}>
- Replaced <Elem name="key-group"> with <div className={cn("keys").elem("key-group")...}>
- Replaced <Elem tag="kbd" name="key"> with <kbd className={cn("keys").elem("key")...}>
- Replaced <Block name="settings-tag"> with <div className={cn("settings-tag")...}>
- Replaced <Block name="settings"> in GeneralSettings and LayoutSettings
- Replaced <Elem name="field" tag="label"> with <label className={cn("settings").elem("field")...}>
- Replaced nested <Block name="settings__label"> with <div className={cn("settings__label")...}>
- Replaced nested Elems "title" and "description" within settings__label
- Replaced <Block tag={Modal}> with <Modal className={cn(modalName)...}> and explicit props
- All Elems within each Block scope use correct block name
- Preserved all mods, handlers, and props
- No behavior change, equivalent class strings
@netlify
Copy link

netlify bot commented Oct 24, 2025

Deploy Preview for heartex-docs canceled.

Name Link
🔨 Latest commit 6f5a236
🔍 Latest deploy log https://app.netlify.com/projects/heartex-docs/deploys/68fc117daac5bd000857e68a

@netlify
Copy link

netlify bot commented Oct 24, 2025

Deploy Preview for label-studio-storybook ready!

Name Link
🔨 Latest commit 6f5a236
🔍 Latest deploy log https://app.netlify.com/projects/label-studio-storybook/deploys/68fc117d86665d0008357a73
😎 Deploy Preview https://deploy-preview-8711--label-studio-storybook.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@luarmr luarmr changed the title Fb echo 419/settings refactor: echo-419: bem settings files migration Oct 24, 2025
@netlify
Copy link

netlify bot commented Oct 24, 2025

Deploy Preview for label-studio-docs-new-theme canceled.

Name Link
🔨 Latest commit 6f5a236
🔍 Latest deploy log https://app.netlify.com/projects/label-studio-docs-new-theme/deploys/68fc117de231ef0008921328

@netlify
Copy link

netlify bot commented Oct 24, 2025

Deploy Preview for label-studio-playground ready!

Name Link
🔨 Latest commit 6f5a236
🔍 Latest deploy log https://app.netlify.com/projects/label-studio-playground/deploys/68fc117dd15a730008d98ead
😎 Deploy Preview https://deploy-preview-8711--label-studio-playground.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@codecov
Copy link

codecov bot commented Oct 24, 2025

Codecov Report

❌ Patch coverage is 50.00000% with 1 line in your changes missing coverage. Please review.
✅ Project coverage is 59.93%. Comparing base (ebfe4ad) to head (6f5a236).

Files with missing lines Patch % Lines
...b/libs/editor/src/components/Settings/Settings.jsx 50.00% 1 Missing ⚠️

❗ There is a different number of reports uploaded between BASE (ebfe4ad) and HEAD (6f5a236). Click for more details.

HEAD has 1 upload less than BASE
Flag BASE (ebfe4ad) HEAD (6f5a236)
pytests 1 0
Additional details and impacted files
@@             Coverage Diff             @@
##           develop    #8711      +/-   ##
===========================================
- Coverage    66.97%   59.93%   -7.05%     
===========================================
  Files          789      551     -238     
  Lines        60566    38991   -21575     
  Branches     10310    10310              
===========================================
- Hits         40564    23369   -17195     
+ Misses       19999    15619    -4380     
  Partials         3        3              
Flag Coverage Δ
lsf-e2e 54.22% <0.00%> (+<0.01%) ⬆️
lsf-integration 50.66% <50.00%> (ø)
lsf-unit 8.34% <0.00%> (ø)
pytests ?

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants