@magmamath/students-features 0.9.99 → 0.9.100-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.9.99",
+  "version": "0.9.100-rc.1",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/keyboard/components/UnitsLayout/hooks/useUnitTabs.ts

@@ -24,6 +24,10 @@ export const useUnitTabs = () => {
         title: t('keyboard.weight'),
         key: KeyboardUnitsGroupType.WEIGHT,
       },
+      {
+        title: t('keyboard.time'),
+        key: KeyboardUnitsGroupType.TIME,
+      },
     ],
     [t],
   )

package/src/features/keyboard/components/UnitsLayout/keyboardGroups.ts

@@ -1,6 +1,7 @@
 import {
   MATH_AREA_UNITS,
   MATH_LENGTH_UNITS,
+  MATH_TIME_UNITS,
   MATH_VOLUME_UNITS,
   MATH_WEIGHT_UNITS,
 } from '../../types/MathKeysGroups/units'
@@ -10,6 +11,7 @@ import { VolumeIcon } from '../../../../shared/icons/VolumeIcon'
 import { WeightIcon } from '../../../../shared/icons/WeightIcon'
 import { KeyboardUnitsGroupType, UnitKeyboardGroups } from './types'
 import { MathEntryKeyboardGroupId } from '../../types/keyboardGroupIds'
+import { TimeIcon } from '../../../../shared/icons/TimeIcon'
 
 export const MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS: UnitKeyboardGroups = {
   id: MathEntryKeyboardGroupId.LENGTH_UNITS_SW,
@@ -171,6 +173,11 @@ export const MATH_ENTRY_WEIGHT_UNITS_SW_KEYBOARD_GROUPS: UnitKeyboardGroups = {
   ],
 }
 
+export const MATH_ENTRY_TIME_UNITS_SW_KEYBOARD_GROUPS: UnitKeyboardGroups = {
+  id: MathEntryKeyboardGroupId.TIME_SW,
+  keys: [[MATH_TIME_UNITS.S, MATH_TIME_UNITS.M, MATH_TIME_UNITS.H]],
+}
+
 export const MATH_ENTRY_WEIGHT_UNITS_US_KEYBOARD_GROUPS: UnitKeyboardGroups = {
   id: MathEntryKeyboardGroupId.WEIGHT_UNITS_US,
   keys: [
@@ -199,4 +206,8 @@ export const UNITS_KEYBOARD_GROUPS = new Map([
     KeyboardUnitsGroupType.WEIGHT,
     { keys: MATH_ENTRY_WEIGHT_UNITS_SW_KEYBOARD_GROUPS.keys, icon: WeightIcon },
   ],
+  [
+    KeyboardUnitsGroupType.TIME,
+    { keys: MATH_ENTRY_TIME_UNITS_SW_KEYBOARD_GROUPS.keys, icon: TimeIcon },
+  ],
 ])

package/src/features/keyboard/components/UnitsLayout/types.ts

@@ -10,6 +10,7 @@ export enum KeyboardUnitsGroupType {
   AREA = 'area',
   VOLUME = 'volume',
   WEIGHT = 'weight',
+  TIME = 'time',
 }
 
 export type UnitKeyboardGroups = {

package/src/features/keyboard/constants/keyboardGroupsByLocale.ts

@@ -31,6 +31,7 @@ import {
   MATH_ENTRY_AREA_UNITS_US_KEYBOARD_GROUPS,
   MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS,
   MATH_ENTRY_LENGTH_UNITS_US_KEYBOARD_GROUPS,
+  MATH_ENTRY_TIME_UNITS_SW_KEYBOARD_GROUPS,
   MATH_ENTRY_VOLUME_UNITS_SW_KEYBOARD_GROUPS,
   MATH_ENTRY_VOLUME_UNITS_UK_KEYBOARD_GROUPS,
   MATH_ENTRY_VOLUME_UNITS_US_KEYBOARD_GROUPS,
@@ -70,6 +71,7 @@ function createKeyboardUnitsLocale(
     [KeyboardUnitsGroupType.AREA]: MATH_ENTRY_AREA_UNITS_US_KEYBOARD_GROUPS,
     [KeyboardUnitsGroupType.VOLUME]: MATH_ENTRY_VOLUME_UNITS_US_KEYBOARD_GROUPS,
     [KeyboardUnitsGroupType.WEIGHT]: MATH_ENTRY_WEIGHT_UNITS_US_KEYBOARD_GROUPS,
+    [KeyboardUnitsGroupType.TIME]: MATH_ENTRY_TIME_UNITS_SW_KEYBOARD_GROUPS,
   }
   return { ...base, ...overrides }
 }

package/src/features/keyboard/types/MathKeysGroups/units.tsx

@@ -427,16 +427,31 @@ export const MATH_TIME_UNITS = createMathKeysGroup({
     label: 's',
     mathliveValue: '\\mathrm{s}',
     katexValue: 's',
+    style: {
+      button: {
+        width: 50,
+      },
+    },
   },
   M: {
     label: 'min',
     mathliveValue: '$\\mathrm{min}',
     katexValue: 'min',
+    style: {
+      button: {
+        width: 50,
+      },
+    },
   },
   H: {
     label: 'h',
     mathliveValue: '\\mathrm{h}',
     katexValue: 'h',
+    style: {
+      button: {
+        width: 50,
+      },
+    },
   },
   DAY: {
     label: 'day',

package/src/shared/icons/TimeIcon.tsx

@@ -0,0 +1,23 @@
+import { COLORS } from '@magmamath/react-native-ui'
+import { IconProps } from './icon.types'
+import Svg, { Path } from 'react-native-svg'
+import React from 'react'
+
+export const TimeIcon = ({ size = 20, color = COLORS.NEUTRAL_9 }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 17 17" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.84 1.5C4.33851 1.5 1.5 4.33851 1.5 7.84C1.5 11.3415 4.33851 14.18 7.84 14.18C11.3415 14.18 14.18 11.3415 14.18 7.84C14.18 4.33851 11.3415 1.5 7.84 1.5ZM0 7.84C0 3.51009 3.51009 0 7.84 0C12.1699 0 15.68 3.51009 15.68 7.84C15.68 12.1699 12.1699 15.68 7.84 15.68C3.51009 15.68 0 12.1699 0 7.84Z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.83999 3.0826C8.2542 3.0826 8.58999 3.41839 8.58999 3.8326V7.8033L10.4859 9.42838C10.8004 9.69794 10.8368 10.1714 10.5673 10.4859C10.2977 10.8004 9.82421 10.8368 9.50972 10.5673L7.57539 8.90926C7.2673 8.64519 7.08999 8.25967 7.08999 7.85389V3.8326C7.08999 3.41839 7.42578 3.0826 7.83999 3.0826Z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/translation/localization/ca.json

@@ -37,6 +37,7 @@
     "length": "Length",
     "area": "Area",
     "volume": "Volume",
-    "weight": "Weight"
+    "weight": "Weight",
+    "time": "Time"
   }
 }

package/src/shared/translation/localization/de.json

@@ -37,6 +37,7 @@
     "length": "Länge",
     "area": "Fläche",
     "volume": "Volumen",
-    "weight": "Gewicht"
+    "weight": "Gewicht",
+    "time": "Zeit"
   }
 }

package/src/shared/translation/localization/en.json

@@ -37,6 +37,7 @@
     "length": "Length",
     "area": "Area",
     "volume": "Volume",
-    "weight": "Weight"
+    "weight": "Weight",
+    "time": "Time"
   }
 }

package/src/shared/translation/localization/gb.json

@@ -37,6 +37,7 @@
     "length": "Length",
     "area": "Area",
     "volume": "Volume",
-    "weight": "Weight"
+    "weight": "Weight",
+    "time": "Time"
   }
 }

package/src/shared/translation/localization/sct.json

@@ -37,6 +37,7 @@
     "length": "Length",
     "area": "Area",
     "volume": "Volume",
-    "weight": "Weight"
+    "weight": "Weight",
+    "time": "Time"
   }
 }

package/src/shared/translation/localization/sw.json

@@ -37,6 +37,7 @@
     "length": "Längd",
     "area": "Area",
     "volume": "Volym",
-    "weight": "Vikt"
+    "weight": "Vikt",
+    "time": "Tid"
   }
 }

package/tsconfig.build.json

@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig",
+  "exclude": ["example", "dist"]
+}

package/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@magmamath/students-features": ["./src/index"]
+    },
+    "target": "esnext",
+    "baseUrl": "./",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "declaration": true,
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react",
+    "experimentalDecorators": true
+  },
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules",
+    "example"
+  ]
+}