@magmamath/students-features 0.9.110 → 0.9.111-rc-0

package/src/features/openEnded/components/OpenEndedScoreLabel.tsx

@@ -1,68 +0,0 @@
-import React from 'react'
-import { View, StyleSheet } from 'react-native'
-import {
-  Typography,
-  HeadingVariants,
-  SPACING,
-  BORDER_RADIUS,
-  COLORS,
-} from '@magmamath/react-native-ui'
-import { getScoreLabelColor } from '../oe.helpers'
-import { OpenEndedScoreLabelVariant } from '../oe.types'
-import { isWeb } from '../../../shared/common.constants'
-
-type OpenEndedScoreLabelProps = {
-  label: string
-  score: number | null
-  maxScore: number
-  disabled: boolean
-  variant: OpenEndedScoreLabelVariant
-}
-
-export const OpenEndedScoreLabel = ({
-  label,
-  score,
-  maxScore,
-  disabled,
-  variant,
-}: OpenEndedScoreLabelProps) => {
-  const colors = getScoreLabelColor({ variant, disabled })
-  return (
-    <View style={styles.container}>
-      <View style={styles.score}>
-        <Typography variant={HeadingVariants.H3} style={{ color: colors.score }}>
-          {score}
-        </Typography>
-      </View>
-      <Typography
-        variant={HeadingVariants.H3}
-        style={[styles.maxScoreText, { color: colors.maxScore }]}
-      >
-        / {maxScore} {label}
-      </Typography>
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    flexDirection: 'row',
-  },
-  score: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: isWeb ? 20 : 24,
-    height: 32,
-    borderWidth: 1,
-    borderRadius: BORDER_RADIUS[200],
-    borderColor: COLORS.NEUTRAL_5,
-    paddingVertical: isWeb ? SPACING[50] : 0,
-    paddingHorizontal: SPACING[100],
-    backgroundColor: COLORS.NEUTRAL_1,
-  },
-  maxScoreText: {
-    marginLeft: SPACING[200],
-  },
-})

package/src/features/openEnded/index.ts

@@ -1,4 +0,0 @@
-export * from './oe.helpers'
-export * from './oe.types'
-export { OpenEndedScoreLabel } from './components/OpenEndedScoreLabel'
-export { OpenEndedAttemptsLimit } from './components/OpenEndedAttemptsLimit'

package/src/features/openEnded/oe.helpers.ts

@@ -1,31 +0,0 @@
-import { COLORS } from '@magmamath/react-native-ui'
-import { ColorValue } from '../../types/common.types'
-import { OpenEndedScoreLabelVariant } from './oe.types'
-
-type GetScoreLabelColorProps = {
-  variant: OpenEndedScoreLabelVariant
-  disabled: boolean
-}
-
-type ScoreLabelColors = {
-  score: ColorValue
-  maxScore: ColorValue
-}
-
-const scoreVariantToColor = (variant: OpenEndedScoreLabelVariant): ColorValue => {
-  const colors: Record<OpenEndedScoreLabelVariant, ColorValue> = {
-    [OpenEndedScoreLabelVariant.CORRECT]: COLORS.PRIMARY_YELLOW,
-    [OpenEndedScoreLabelVariant.FIRST_ATTEMPT]: COLORS.PRIMARY_GREEN,
-    [OpenEndedScoreLabelVariant.WRONG]: COLORS.PRIMARY_RED,
-    [OpenEndedScoreLabelVariant.DEFAULT]: COLORS.PRIMARY_BLUE,
-  }
-  return colors[variant] ?? COLORS.PRIMARY_BLUE
-}
-
-export const getScoreLabelColor = ({
-  variant,
-  disabled,
-}: GetScoreLabelColorProps): ScoreLabelColors => ({
-  score: disabled ? COLORS.NEUTRAL_6 : COLORS.NEUTRAL_9,
-  maxScore: disabled ? COLORS.NEUTRAL_6 : scoreVariantToColor(variant),
-})

package/src/features/openEnded/oe.types.ts

@@ -1,6 +0,0 @@
-export enum OpenEndedScoreLabelVariant {
-  CORRECT = 'CORRECT',
-  FIRST_ATTEMPT = 'FIRST_ATTEMPT',
-  WRONG = 'WRONG',
-  DEFAULT = 'DEFAULT',
-}

package/src/shared/common.constants.ts

@@ -1,3 +0,0 @@
-import { Platform } from 'react-native'
-
-export const isWeb = Platform.OS === 'web'