chore(prettier): full repo linting and code reformatting once and for all (#3627)

platform/ui/src/components/Select/Select.css

@@ -1,5 +1,5 @@
 .customSelect__wrapper .customSelect__control {
-  @apply bg-black border-primary-main shadow transition duration-300 border rounded w-full text-sm text-white leading-tight;
+  @apply border-primary-main w-full rounded border bg-black text-sm leading-tight text-white shadow transition duration-300;
   min-height: 33px;
 }
 .customSelect__wrapper .customSelect__control:hover {
@@ -40,11 +40,11 @@
 }
 
 .customSelect__wrapper.customSelect--is-disabled {
-  @apply cursor-not-allowed pointer-events-auto;
+  @apply pointer-events-auto cursor-not-allowed;
 }
 
 .customSelect__wrapper .customSelect__value-container--is-multi {
-  @apply px-3 py-2 inline-block truncate;
+  @apply inline-block truncate px-3 py-2;
 }
 
 .customSelect__menu {
@@ -73,7 +73,8 @@
   background-color: #0944b391 !important;
 }
 
-.ohif-select .customSelect__option, .ohif-select .customSelect__option label {
+.ohif-select .customSelect__option,
+.ohif-select .customSelect__option label {
   color: #d6d6d6;
   font-size: 14px;
   display: flex;

platform/ui/src/components/Select/Select.tsx

@@ -22,14 +22,17 @@ const Option = props => {
   return (
     <components.Option {...props}>
       <div className="flex items-center">
-        <div className="w-2 h-2">
+        <div className="h-2 w-2">
           {props.isSelected ? (
             <Icon name={'checkbox-active'} />
           ) : (
             <Icon name={'checkbox-default'} />
           )}
         </div>
-        <label id={props.data.value} className="ml-3 mt-1">
+        <label
+          id={props.data.value}
+          className="ml-3 mt-1"
+        >
           <span>{props.value}</span>
         </label>
       </div>
@@ -58,9 +61,7 @@ const Select = ({
     IndicatorSeparator: () => null,
   };
   let _components = isMulti ? { Option, MultiValue } : {};
-  _components = noIcons
-    ? { ..._components, ..._noIconComponents }
-    : _components;
+  _components = noIcons ? { ..._components, ..._noIconComponents } : _components;
   const selectedOptions = [];
 
   // Map array of values to an array of selected options
@@ -76,10 +77,7 @@ const Select = ({
   return (
     <ReactSelect
       inputId={`input-${id}`}
-      className={classnames(
-        className,
-        'ohif-select flex flex-col flex-1 customSelect__wrapper'
-      )}
+      className={classnames(className, 'ohif-select customSelect__wrapper flex flex-1 flex-col')}
       data-cy={`input-${id}`}
       classNamePrefix="customSelect"
       isDisabled={isDisabled}
@@ -134,10 +132,7 @@ Select.propTypes = {
     })
   ),
   placeholder: PropTypes.string,
-  value: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.string),
-    PropTypes.any,
-  ]),
+  value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.any]),
 };
 
 export default Select;