crossfade player enhancements, reorganize settings

src/shared/components/select/select.tsx

@@ -11,7 +11,9 @@ export interface SelectProps extends MantineSelectProps {
 }
 
 export const Select = ({
+    allowDeselect = false,
     classNames,
+    clearable = false,
     maxWidth,
     variant = 'default',
     width,
@@ -19,14 +21,17 @@ export const Select = ({
 }: SelectProps) => {
     return (
         <MantineSelect
+            allowDeselect={allowDeselect || clearable}
             classNames={{
                 dropdown: styles.dropdown,
                 input: styles.input,
                 label: styles.label,
                 option: styles.option,
                 root: styles.root,
+                section: styles.section,
                 ...classNames,
             }}
+            clearable={false}
             style={{ maxWidth, width }}
             variant={variant}
             withCheckIcon={false}

src/shared/types/types.ts

@@ -95,12 +95,10 @@ export enum AuthState {
 }
 
 export enum CrossfadeStyle {
-    CONSTANT_POWER = 'constantPower',
-    CONSTANT_POWER_SLOW_CUT = 'constantPowerSlowCut',
-    CONSTANT_POWER_SLOW_FADE = 'constantPowerSlowFade',
-    DIPPED = 'dipped',
-    EQUALPOWER = 'equalPower',
+    EQUAL_POWER = 'equalPower',
+    EXPONENTIAL = 'exponential',
     LINEAR = 'linear',
+    S_CURVE = 'sCurve',
 }
 
 export enum FontType {