bioming

Author: luarmr

web/apps/labelstudio/src/components/Breadcrumbs/Breadcrumbs.jsx

@@ -35,7 +35,12 @@ export const Breadcrumbs = () => {
           const isInternal = findComponent(href) !== null;
 
           const title = (
-            <span className={cn("breadcrumbs").elem("label").mod({ faded: index === item.length - 1 }).toClassName()}>
+            <span
+              className={cn("breadcrumbs")
+                .elem("label")
+                .mod({ faded: index === item.length - 1 })
+                .toClassName()}
+            >
               {item.title}
             </span>
           );

web/apps/labelstudio/src/components/Form/Elements/RadioGroup/RadioGroup.jsx

@@ -89,7 +89,10 @@ const RadioButton = ({ value, disabled, children, label, description, ...props }
   }, [props.checked]);
 
   return (
-    <div className={cn("radio-group-ls").elem("button").mod({ checked, disabled }).toClassName()} onClickCapture={clickHandler}>
+    <div
+      className={cn("radio-group-ls").elem("button").mod({ checked, disabled }).toClassName()}
+      onClickCapture={clickHandler}
+    >
       {isSimple ? (
         <Label placement="right" text={label} description={description}>
           <input

web/apps/labelstudio/src/components/Menu/Menu.jsx

@@ -84,9 +84,7 @@ Menu.Group = ({ children, title, className, style }) => {
   return (
     <div className={cn("menu-group").mix(className).toClassName()} style={style}>
       <div className={cn("menu-group").elem("title").toClassName()}>{title}</div>
-      <ul className={cn("menu-group").elem("list").toClassName()}>
-        {children}
-      </ul>
+      <ul className={cn("menu-group").elem("list").toClassName()}>{children}</ul>
     </div>
   );
 };

web/apps/labelstudio/src/components/Space/Space.jsx

@@ -3,7 +3,10 @@ import "./Space.scss";
 
 export const Space = ({ direction = "horizontal", size, className, style, children, spread, stretch, align }) => {
   return (
-    <div className={cn("space-ls").mod({ direction, size, spread, stretch, align }).mix(className).toClassName()} style={style}>
+    <div
+      className={cn("space-ls").mod({ direction, size, spread, stretch, align }).mix(className).toClassName()}
+      style={style}
+    >
       {children}
     </div>
   );

web/apps/labelstudio/src/pages/ExportPage/ExportPage.jsx

@@ -145,15 +145,20 @@ export const ExportPage = () => {
 const FormatInfo = ({ availableFormats, selected, onClick }) => {
   return (
     <div className={cn("formats").toClassName()}>
-      <div className={cn("formats").elem("info").toClassName()}>You can export dataset in one of the following formats:</div>
+      <div className={cn("formats").elem("info").toClassName()}>
+        You can export dataset in one of the following formats:
+      </div>
       <div className={cn("formats").elem("list").toClassName()}>
         {availableFormats.map((format) => (
           <div
             key={format.name}
-            className={cn("formats").elem("item").mod({
-              active: !format.disabled,
-              selected: format.name === selected,
-            }).toClassName()}
+            className={cn("formats")
+              .elem("item")
+              .mod({
+                active: !format.disabled,
+                selected: format.name === selected,
+              })
+              .toClassName()}
             onClick={!format.disabled ? () => onClick(format) : null}
           >
             <div className={cn("formats").elem("name").toClassName()}>
@@ -168,7 +173,9 @@ const FormatInfo = ({ availableFormats, selected, onClick }) => {
               </Space>
             </div>
 
-            {format.description && <div className={cn("formats").elem("description").toClassName()}>{format.description}</div>}
+            {format.description && (
+              <div className={cn("formats").elem("description").toClassName()}>{format.description}</div>
+            )}
           </div>
         ))}
       </div>