@magmamath/students-features 0.9.0-rc8 → 0.9.0

package/dist/module/features/keyboard/components/Numpad/keyboardGroups.js.map

@@ -1 +1 @@
-{"version":3,"names":["MATH_SPECIAL_OPERATORS","MATH_BASIC_OPERATORS","MATH_ENTRY_NUMBERS_SW_KEYBOARD_GROUP","id","keys","label","mathliveValue","katexValue","BACKSPACE","COMMA","MATH_ENTRY_NUMBERS_US_KEYBOARD_GROUP","DOT"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/Numpad/keyboardGroups.tsx"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,gDAA6C;AACpF,SAASC,oBAAoB,QAAQ,8CAA2C;AAGhF,OAAO,MAAMC,oCAAmD,GAAG;EACjEC,EAAE,EAAE,uBAAuB;EAC3BC,IAAI,EAAE,CACJ;IAAEC,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnDP,sBAAsB,CAACQ,SAAS,EAChC;IAAEH,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnDN,oBAAoB,CAACQ,KAAK,EAC1B;IAAEJ,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC;AAEvD,CAAC;AAED,OAAO,MAAMG,oCAAmD,GAAG;EACjEP,EAAE,EAAE,uBAAuB;EAC3BC,IAAI,EAAE,CACJ;IAAEC,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnDP,sBAAsB,CAACQ,SAAS,EAChC;IAAEH,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnDN,oBAAoB,CAACU,GAAG,EACxB;IAAEN,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC;AAEvD,CAAC","ignoreList":[]}
+{"version":3,"names":["MATH_SPECIAL_OPERATORS","MATH_BASIC_OPERATORS","MathEntryKeyboardGroupId","MATH_ENTRY_NUMBERS_SW_KEYBOARD_GROUP","id","NUMBERS_SW","keys","label","mathliveValue","katexValue","BACKSPACE","COMMA","MATH_ENTRY_NUMBERS_US_KEYBOARD_GROUP","NUMBERS_US","DOT"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/Numpad/keyboardGroups.ts"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,gDAA6C;AACpF,SAASC,oBAAoB,QAAQ,8CAA2C;AAEhF,SAASC,wBAAwB,QAAQ,iCAA8B;AAEvE,OAAO,MAAMC,oCAAmD,GAAG;EACjEC,EAAE,EAAEF,wBAAwB,CAACG,UAAU;EACvCC,IAAI,EAAE,CACJ;IAAEC,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnDT,sBAAsB,CAACU,SAAS,EAChC;IAAEH,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnDR,oBAAoB,CAACU,KAAK,EAC1B;IAAEJ,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC;AAEvD,CAAC;AAED,OAAO,MAAMG,oCAAmD,GAAG;EACjER,EAAE,EAAEF,wBAAwB,CAACW,UAAU;EACvCP,IAAI,EAAE,CACJ;IAAEC,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnDT,sBAAsB,CAACU,SAAS,EAChC;IAAEH,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnDR,oBAAoB,CAACa,GAAG,EACxB;IAAEP,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC,EACnD;IAAEF,KAAK,EAAE,GAAG;IAAEC,aAAa,EAAE,GAAG;IAAEC,UAAU,EAAE;EAAI,CAAC;AAEvD,CAAC","ignoreList":[]}

package/dist/module/features/keyboard/components/UnitsLayout/UnitTabs.js

@@ -4,8 +4,9 @@ import React from 'react';
 import { KeysList } from "../KeysList/KeysList.js";
 import { StyleSheet, View } from 'react-native';
 import { COLORS, TabGroup, TabVariant, IS_MOBILE } from '@magmamath/react-native-ui';
-import { KEYBOARD_UNITS_GROUPS_BY_LOCALE, MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS } from "./keyboardGroups.js";
+import { MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS } from "./keyboardGroups.js";
 import { useText } from "../../../../shared/translation/index.js";
+import { KEYBOARD_UNITS_GROUPS_BY_LOCALE } from "../../constants/keyboardGroupsByLocale.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const UnitTabs = ({
   activeTab,
@@ -14,11 +15,10 @@ export const UnitTabs = ({
   ...props
 }) => {
   const t = useText();
-  const keyboardGroup = KEYBOARD_UNITS_GROUPS_BY_LOCALE[t('locale')][activeTab.key].keys || MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS.keys;
+  const locale = t('locale');
+  const keyboardGroups = KEYBOARD_UNITS_GROUPS_BY_LOCALE[locale]?.[activeTab.key]?.keys || MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS.keys;
   return /*#__PURE__*/_jsx(View, {
-    style: {
-      width: 283
-    },
+    style: styles.container,
     children: /*#__PURE__*/_jsxs(View, {
       style: styles.tabsContainer,
       children: [/*#__PURE__*/_jsx(TabGroup, {
@@ -29,47 +29,26 @@ export const UnitTabs = ({
         variant: TabVariant.SMALL
       }), /*#__PURE__*/_jsx(View, {
         style: styles.keyGroupContainer,
-        children: keyboardGroup.map(keyGroup => /*#__PURE__*/_jsx(KeysList, {
+        children: keyboardGroups.map((keyGroup, index) => /*#__PURE__*/_jsx(KeysList, {
           keys: keyGroup,
           numOfRows: 1,
+          ...props,
           style: {
-            container: styles.keysContainer,
             option: {
-              button: styles.option,
-              text: styles.text,
-              ...(IS_MOBILE && {
-                container: {
-                  flexBasis: 58,
-                  maxWidth: 58
-                }
-              })
+              text: styles.keysText,
+              container: styles.keyContainer,
+              button: styles.keyButton
             }
-          },
-          ...props
-        }))
+          }
+        }, index))
       })]
     })
   });
 };
 const styles = StyleSheet.create({
-  keysContainer: {
-    gap: 10
-  },
-  option: {
-    minWidth: 42
-  },
-  text: {
-    fontWeight: 700,
-    fontSize: 14
-  },
-  optionContainer: {
-    flexGrow: 0,
-    flexShrink: 0,
-    flexBasis: 'auto',
-    width: 'auto',
-    paddingRight: 16,
-    borderRightWidth: 1,
-    borderRightColor: COLORS.NEUTRAL_3
+  container: {
+    width: 283,
+    flex: 1
   },
   tabsContainer: {
     gap: 16,
@@ -82,6 +61,16 @@ const styles = StyleSheet.create({
   },
   keyGroupContainer: {
     gap: 8
+  },
+  keysText: {
+    fontSize: 14,
+    fontWeight: 700
+  },
+  keyButton: {
+    width: IS_MOBILE ? 54 : 40
+  },
+  keyContainer: {
+    flexBasis: IS_MOBILE ? 58 : 'auto'
   }
 });
 //# sourceMappingURL=UnitTabs.js.map

package/dist/module/features/keyboard/components/UnitsLayout/UnitTabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","KeysList","StyleSheet","View","COLORS","TabGroup","TabVariant","IS_MOBILE","KEYBOARD_UNITS_GROUPS_BY_LOCALE","MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS","useText","jsx","_jsx","jsxs","_jsxs","UnitTabs","activeTab","tabs","onTabChange","props","t","keyboardGroup","key","keys","style","width","children","styles","tabsContainer","variant","SMALL","keyGroupContainer","map","keyGroup","numOfRows","container","keysContainer","option","button","text","flexBasis","maxWidth","create","gap","minWidth","fontWeight","fontSize","optionContainer","flexGrow","flexShrink","paddingRight","borderRightWidth","borderRightColor","NEUTRAL_3","flex","borderBottomWidth","borderBottomColor","paddingTop"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/UnitsLayout/UnitTabs.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,yBAAsB;AAC/C,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,QAAQ,EAAkBC,UAAU,EAAEC,SAAS,QAAQ,4BAA4B;AACpG,SACEC,+BAA+B,EAE/BC,0CAA0C,QACrC,qBAAkB;AAEzB,SAAiBC,OAAO,QAAQ,yCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQhE,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,SAAS;EAAEC,IAAI;EAAEC,WAAW;EAAE,GAAGC;AAAqB,CAAC,KAAK;EACrF,MAAMC,CAAC,GAAGV,OAAO,CAAC,CAAC;EACnB,MAAMW,aAAa,GACjBb,+BAA+B,CAACY,CAAC,CAAC,QAAQ,CAAC,CAAW,CAACJ,SAAS,CAACM,GAAG,CAA2B,CAC5FC,IAAI,IAAId,0CAA0C,CAACc,IAAI;EAC5D,oBACEX,IAAA,CAACT,IAAI;IAACqB,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,eAC1BZ,KAAA,CAACX,IAAI;MAACqB,KAAK,EAAEG,MAAM,CAACC,aAAc;MAAAF,QAAA,gBAChCd,IAAA,CAACP,QAAQ;QACPW,SAAS,EAAEA,SAAU;QACrBC,IAAI,EAAEA,IAAK;QACXC,WAAW,EAAEA,WAAY;QACzBM,KAAK,EAAEG,MAAM,CAACV,IAAK;QACnBY,OAAO,EAAEvB,UAAU,CAACwB;MAAM,CAC3B,CAAC,eACFlB,IAAA,CAACT,IAAI;QAACqB,KAAK,EAAEG,MAAM,CAACI,iBAAkB;QAAAL,QAAA,EACnCL,aAAa,CAACW,GAAG,CAAEC,QAAQ,iBAC1BrB,IAAA,CAACX,QAAQ;UACPsB,IAAI,EAAEU,QAAS;UACfC,SAAS,EAAE,CAAE;UACbV,KAAK,EAAE;YACLW,SAAS,EAAER,MAAM,CAACS,aAAa;YAC/BC,MAAM,EAAE;cACNC,MAAM,EAAEX,MAAM,CAACU,MAAM;cACrBE,IAAI,EAAEZ,MAAM,CAACY,IAAI;cACjB,IAAIhC,SAAS,IAAI;gBAAE4B,SAAS,EAAE;kBAAEK,SAAS,EAAE,EAAE;kBAAEC,QAAQ,EAAE;gBAAG;cAAE,CAAC;YACjE;UACF,CAAE;UAAA,GACEtB;QAAK,CACV,CACF;MAAC,CACE,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAEX,CAAC;AAED,MAAMQ,MAAM,GAAGzB,UAAU,CAACwC,MAAM,CAAC;EAC/BN,aAAa,EAAE;IACbO,GAAG,EAAE;EACP,CAAC;EACDN,MAAM,EAAE;IACNO,QAAQ,EAAE;EACZ,CAAC;EACDL,IAAI,EAAE;IACJM,UAAU,EAAE,GAAG;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDC,eAAe,EAAE;IACfC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,CAAC;IACbT,SAAS,EAAE,MAAM;IACjBf,KAAK,EAAE,MAAM;IACbyB,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE,CAAC;IACnBC,gBAAgB,EAAEhD,MAAM,CAACiD;EAC3B,CAAC;EAEDzB,aAAa,EAAE;IACbe,GAAG,EAAE,EAAE;IACPW,IAAI,EAAE;EACR,CAAC;EACDrC,IAAI,EAAE;IACJsC,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAEpD,MAAM,CAACiD,SAAS;IACnCI,UAAU,EAAE;EACd,CAAC;EACD1B,iBAAiB,EAAE;IACjBY,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","KeysList","StyleSheet","View","COLORS","TabGroup","TabVariant","IS_MOBILE","MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS","useText","KEYBOARD_UNITS_GROUPS_BY_LOCALE","jsx","_jsx","jsxs","_jsxs","UnitTabs","activeTab","tabs","onTabChange","props","t","locale","keyboardGroups","key","keys","style","styles","container","children","tabsContainer","variant","SMALL","keyGroupContainer","map","keyGroup","index","numOfRows","option","text","keysText","keyContainer","button","keyButton","create","width","flex","gap","borderBottomWidth","borderBottomColor","NEUTRAL_3","paddingTop","fontSize","fontWeight","flexBasis"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/UnitsLayout/UnitTabs.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,yBAAsB;AAC/C,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,QAAQ,EAAkBC,UAAU,EAAEC,SAAS,QAAQ,4BAA4B;AACpG,SAASC,0CAA0C,QAAQ,qBAAkB;AAG7E,SAASC,OAAO,QAAQ,yCAAgC;AACxD,SAASC,+BAA+B,QAAQ,2CAAwC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASxF,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,SAAS;EAAEC,IAAI;EAAEC,WAAW;EAAE,GAAGC;AAAqB,CAAC,KAAK;EACrF,MAAMC,CAAC,GAAGX,OAAO,CAAC,CAAC;EACnB,MAAMY,MAAM,GAAGD,CAAC,CAAC,QAAQ,CAAW;EACpC,MAAME,cAAc,GAClBZ,+BAA+B,CAACW,MAAM,CAAC,GAAGL,SAAS,CAACO,GAAG,CAA2B,EAAEC,IAAI,IACxFhB,0CAA0C,CAACgB,IAAI;EAEjD,oBACEZ,IAAA,CAACT,IAAI;IAACsB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5Bd,KAAA,CAACX,IAAI;MAACsB,KAAK,EAAEC,MAAM,CAACG,aAAc;MAAAD,QAAA,gBAChChB,IAAA,CAACP,QAAQ;QACPW,SAAS,EAAEA,SAAU;QACrBC,IAAI,EAAEA,IAAK;QACXC,WAAW,EAAEA,WAAY;QACzBO,KAAK,EAAEC,MAAM,CAACT,IAAK;QACnBa,OAAO,EAAExB,UAAU,CAACyB;MAAM,CAC3B,CAAC,eACFnB,IAAA,CAACT,IAAI;QAACsB,KAAK,EAAEC,MAAM,CAACM,iBAAkB;QAAAJ,QAAA,EACnCN,cAAc,CAACW,GAAG,CAAC,CAACC,QAAQ,EAAEC,KAAK,kBAClCvB,IAAA,CAACX,QAAQ;UAEPuB,IAAI,EAAEU,QAAS;UACfE,SAAS,EAAE,CAAE;UAAA,GACTjB,KAAK;UACTM,KAAK,EAAE;YACLY,MAAM,EAAE;cACNC,IAAI,EAAEZ,MAAM,CAACa,QAAQ;cACrBZ,SAAS,EAAED,MAAM,CAACc,YAAY;cAC9BC,MAAM,EAAEf,MAAM,CAACgB;YACjB;UACF;QAAE,GAVGP,KAWN,CACF;MAAC,CACE,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAEX,CAAC;AAED,MAAMT,MAAM,GAAGxB,UAAU,CAACyC,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTiB,KAAK,EAAE,GAAG;IACVC,IAAI,EAAE;EACR,CAAC;EACDhB,aAAa,EAAE;IACbiB,GAAG,EAAE,EAAE;IACPD,IAAI,EAAE;EACR,CAAC;EACD5B,IAAI,EAAE;IACJ8B,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAE5C,MAAM,CAAC6C,SAAS;IACnCC,UAAU,EAAE;EACd,CAAC;EACDlB,iBAAiB,EAAE;IACjBc,GAAG,EAAE;EACP,CAAC;EACDP,QAAQ,EAAE;IACRY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDV,SAAS,EAAE;IACTE,KAAK,EAAErC,SAAS,GAAG,EAAE,GAAG;EAC1B,CAAC;EACDiC,YAAY,EAAE;IACZa,SAAS,EAAE9C,SAAS,GAAG,EAAE,GAAG;EAC9B;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/keyboard/components/UnitsLayout/UnitsLayout.js

@@ -1,176 +1,85 @@
 "use strict";
 
-import React, { useMemo, useState } from 'react';
+import React, { useState } from 'react';
 import { KeysList } from "../KeysList/KeysList.js";
-import { StyleSheet, View } from 'react-native';
-import { COLORS, FONT_FAMILY, IS_MOBILE, RulerIcon, SelectGroup, SelectOptionSize } from '@magmamath/react-native-ui';
+import { StyleSheet, useWindowDimensions, View } from 'react-native';
+import { COLORS, SelectGroup, SelectOptionSize } from '@magmamath/react-native-ui';
 import { useText } from "../../../../shared/translation/index.js";
-import { AlgebraIcon } from "../../../../shared/icons/AlgebraIcon.js";
-import { RectangleIcon } from "../../../../shared/icons/RectangleIcon.js";
-import { VolumeIcon } from "../../../../shared/icons/VolumeIcon.js";
-import { WeightIcon } from "../../../../shared/icons/WeightIcon.js";
 import { UnitTabs } from "./UnitTabs.js";
 import { KeyboardType } from "../../types/types.js";
-import { KeyboardUnitsGroupType, MATH_ENTRY_AREA_UNITS_SW_KEYBOARD_GROUPS, MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS, MATH_ENTRY_VOLUME_UNITS_SW_KEYBOARD_GROUPS, MATH_ENTRY_WEIGHT_UNITS_SW_KEYBOARD_GROUPS } from "./keyboardGroups.js";
-import { KEYBOARD_GROUPS_BY_LOCALE } from "../../constants/keysValues.js";
+import { MOBILE_LAYOUT_WIDTH } from "../../constants/constants.js";
+import { useUnitTabs } from "./hooks/useUnitTabs.js";
+import { getKeyboardGroup } from "../../helpers.js";
+import { SelectedLayout } from "./types.js";
+import { getSelectOptions } from "./helpers.js";
+import { IS_MOBILE } from '@magmamath/react-native-ui';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const UNITS_KEYBOARD_GROUPS = new Map([[KeyboardUnitsGroupType.LENGTH, {
-  keys: MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS.keys,
-  icon: RulerIcon
-}], [KeyboardUnitsGroupType.AREA, {
-  keys: MATH_ENTRY_AREA_UNITS_SW_KEYBOARD_GROUPS.keys,
-  icon: RectangleIcon
-}], [KeyboardUnitsGroupType.VOLUME, {
-  keys: MATH_ENTRY_VOLUME_UNITS_SW_KEYBOARD_GROUPS.keys,
-  icon: VolumeIcon
-}], [KeyboardUnitsGroupType.WEIGHT, {
-  keys: MATH_ENTRY_WEIGHT_UNITS_SW_KEYBOARD_GROUPS.keys,
-  icon: WeightIcon
-}]]);
-var SelectedLayout = /*#__PURE__*/function (SelectedLayout) {
-  SelectedLayout["ALGEBRA"] = "algebra";
-  SelectedLayout["UNITS"] = "units";
-  return SelectedLayout;
-}(SelectedLayout || {});
 export const UnitsLayout = props => {
-  const [selectedLayout, setSelectedLayout] = useState(SelectedLayout.ALGEBRA);
+  const {
+    width
+  } = useWindowDimensions();
   const t = useText();
-  const basicExtendedKeys = KEYBOARD_GROUPS_BY_LOCALE[t('locale')][KeyboardType.BasicExtended];
-  const tabs = useMemo(() => [{
-    title: t('keyboard.length'),
-    style: {
-      paddingHorizontal: 10
-    },
-    titleStyle: {
-      active: {
-        fontStyle: FONT_FAMILY.buenosAiresBold
-      }
-    },
-    key: KeyboardUnitsGroupType.LENGTH
-  }, {
-    title: t('keyboard.area'),
-    style: {
-      paddingHorizontal: 10
-    },
-    titleStyle: {
-      active: {
-        fontStyle: FONT_FAMILY.buenosAiresBold
-      }
-    },
-    key: KeyboardUnitsGroupType.AREA
-  }, {
-    title: t('keyboard.volume'),
-    style: {
-      paddingHorizontal: 10
-    },
-    titleStyle: {
-      active: {
-        fontStyle: FONT_FAMILY.buenosAiresBold
-      }
-    },
-    key: KeyboardUnitsGroupType.VOLUME
-  }, {
-    title: t('keyboard.weight'),
-    style: {
-      paddingHorizontal: 10
-    },
-    titleStyle: {
-      active: {
-        fontStyle: FONT_FAMILY.buenosAiresBold
-      }
-    },
-    key: KeyboardUnitsGroupType.WEIGHT
-  }], []);
-  const [activeTab, setActiveTab] = useState(tabs[0]);
-  const selectOptions = useMemo(() => {
-    const SelectedIcon = UNITS_KEYBOARD_GROUPS.get(activeTab.key)?.icon || RulerIcon;
-    return [{
-      title: /*#__PURE__*/_jsx(AlgebraIcon, {
-        color: selectedLayout === SelectedLayout.ALGEBRA ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9,
-        size: 20
-      }),
-      key: '1'
-    }, {
-      title: /*#__PURE__*/_jsx(SelectedIcon, {
-        color: selectedLayout === SelectedLayout.UNITS ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9,
-        size: 16
-      }),
-      key: '2'
-    }];
-  }, [activeTab, selectedLayout]);
+  const locale = t('locale');
+  const isDesktop = width > MOBILE_LAYOUT_WIDTH && !IS_MOBILE;
+  const [selectedLayout, setSelectedLayout] = useState(isDesktop ? SelectedLayout.ALGEBRA : SelectedLayout.UNITS);
+  const basicPlusKeys = getKeyboardGroup(locale, KeyboardType.BasicPlus);
+  const {
+    tabs,
+    activeTab,
+    setActiveTab
+  } = useUnitTabs();
+  const selectOptions = getSelectOptions({
+    activeTabKey: activeTab.key,
+    selectedLayout,
+    setSelectedLayout
+  });
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
-    children: [/*#__PURE__*/_jsx(SelectGroup, {
+    children: [isDesktop && /*#__PURE__*/_jsx(SelectGroup, {
       numOfRows: 2,
       options: selectOptions,
       size: SelectOptionSize.SMALL,
       style: {
         container: styles.optionContainer,
         option: {
-          ...(IS_MOBILE && {
-            container: {
-              flexBasis: 45
-            }
-          })
+          container: styles.option
         }
       },
       color: props.color,
-      selectedOptions: [selectedLayout === SelectedLayout.ALGEBRA ? selectOptions[0] : selectOptions[1]],
-      onOptionChange: option => {
-        setSelectedLayout(option.key === '1' ? SelectedLayout.ALGEBRA : SelectedLayout.UNITS);
-      }
+      selectedOptions: [selectedLayout === SelectedLayout.ALGEBRA ? selectOptions[0] : selectOptions[1]]
     }), selectedLayout === SelectedLayout.UNITS ? /*#__PURE__*/_jsx(UnitTabs, {
       tabs: tabs,
       activeTab: activeTab,
-      onTabChange: tab => {
-        setActiveTab(tab);
-      },
+      onTabChange: setActiveTab,
       ...props
     }) : /*#__PURE__*/_jsx(KeysList, {
-      keys: basicExtendedKeys.keys,
+      keys: basicPlusKeys.keys,
       numOfRows: 3,
-      ...props,
-      style: {
-        container: styles.basicExtendedContainer,
-        option: {
-          button: styles.key,
-          ...(IS_MOBILE && {
-            container: {
-              flexBasis: 45,
-              maxWidth: 45
-            }
-          })
-        }
-      }
+      ...props
     })]
   });
 };
 const styles = StyleSheet.create({
   container: {
     display: 'flex',
-    flexDirection: 'row',
+    flexDirection: IS_MOBILE ? 'column' : 'row',
     gap: 16,
-    paddingRight: 16,
-    width: 480
-  },
-  basicExtendedContainer: {
-    gap: 8
+    paddingRight: 16
   },
   option: {
-    minWidth: 42
+    flexBasis: 45,
+    width: 44
   },
   optionContainer: {
     flexGrow: 0,
     flexShrink: 0,
     flexBasis: 'auto',
     width: 'auto',
-    paddingRight: 16,
+    paddingRight: 18,
     borderRightWidth: 1,
     borderRightColor: COLORS.NEUTRAL_3,
-    maxWidth: 60
-  },
-  key: {
-    width: 42
+    maxWidth: 65,
+    gap: 9
   }
 });
 //# sourceMappingURL=UnitsLayout.js.map

package/dist/module/features/keyboard/components/UnitsLayout/UnitsLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useState","KeysList","StyleSheet","View","COLORS","FONT_FAMILY","IS_MOBILE","RulerIcon","SelectGroup","SelectOptionSize","useText","AlgebraIcon","RectangleIcon","VolumeIcon","WeightIcon","UnitTabs","KeyboardType","KeyboardUnitsGroupType","MATH_ENTRY_AREA_UNITS_SW_KEYBOARD_GROUPS","MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS","MATH_ENTRY_VOLUME_UNITS_SW_KEYBOARD_GROUPS","MATH_ENTRY_WEIGHT_UNITS_SW_KEYBOARD_GROUPS","KEYBOARD_GROUPS_BY_LOCALE","jsx","_jsx","jsxs","_jsxs","UNITS_KEYBOARD_GROUPS","Map","LENGTH","keys","icon","AREA","VOLUME","WEIGHT","SelectedLayout","UnitsLayout","props","selectedLayout","setSelectedLayout","ALGEBRA","t","basicExtendedKeys","BasicExtended","tabs","title","style","paddingHorizontal","titleStyle","active","fontStyle","buenosAiresBold","key","activeTab","setActiveTab","selectOptions","SelectedIcon","get","color","NEUTRAL_1","NEUTRAL_9","size","UNITS","styles","container","children","numOfRows","options","SMALL","optionContainer","option","flexBasis","selectedOptions","onOptionChange","onTabChange","tab","basicExtendedContainer","button","maxWidth","create","display","flexDirection","gap","paddingRight","width","minWidth","flexGrow","flexShrink","borderRightWidth","borderRightColor","NEUTRAL_3"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/UnitsLayout/UnitsLayout.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","KeysList","StyleSheet","useWindowDimensions","View","COLORS","SelectGroup","SelectOptionSize","useText","UnitTabs","KeyboardType","MOBILE_LAYOUT_WIDTH","useUnitTabs","getKeyboardGroup","SelectedLayout","getSelectOptions","IS_MOBILE","jsx","_jsx","jsxs","_jsxs","UnitsLayout","props","width","t","locale","isDesktop","selectedLayout","setSelectedLayout","ALGEBRA","UNITS","basicPlusKeys","BasicPlus","tabs","activeTab","setActiveTab","selectOptions","activeTabKey","key","style","styles","container","children","numOfRows","options","size","SMALL","optionContainer","option","color","selectedOptions","onTabChange","keys","create","display","flexDirection","gap","paddingRight","flexBasis","flexGrow","flexShrink","borderRightWidth","borderRightColor","NEUTRAL_3","maxWidth"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/UnitsLayout/UnitsLayout.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/keyboard/components/UnitsLayout/helpers.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { COLORS, RulerIcon } from '@magmamath/react-native-ui';
+import { UNITS_KEYBOARD_GROUPS } from "./keyboardGroups.js";
+import React from 'react';
+import { SelectedLayout } from "./types.js";
+import { AlgebraIcon } from "../../../../shared/icons/AlgebraIcon.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const getSelectOptions = ({
+  activeTabKey,
+  selectedLayout,
+  setSelectedLayout
+}) => {
+  {
+    const SelectedIcon = UNITS_KEYBOARD_GROUPS.get(activeTabKey)?.icon || RulerIcon;
+    return [{
+      key: SelectedLayout.ALGEBRA,
+      title: /*#__PURE__*/_jsx(AlgebraIcon, {
+        color: selectedLayout === SelectedLayout.ALGEBRA ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9,
+        size: 22
+      }),
+      onPressIn: () => setSelectedLayout(SelectedLayout.ALGEBRA)
+    }, {
+      key: SelectedLayout.UNITS,
+      title: /*#__PURE__*/_jsx(SelectedIcon, {
+        color: selectedLayout === SelectedLayout.UNITS ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9,
+        size: 16
+      }),
+      onPressIn: () => setSelectedLayout(SelectedLayout.UNITS)
+    }];
+  }
+};
+//# sourceMappingURL=helpers.js.map

package/dist/module/features/keyboard/components/UnitsLayout/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["COLORS","RulerIcon","UNITS_KEYBOARD_GROUPS","React","SelectedLayout","AlgebraIcon","jsx","_jsx","getSelectOptions","activeTabKey","selectedLayout","setSelectedLayout","SelectedIcon","get","icon","key","ALGEBRA","title","color","NEUTRAL_1","NEUTRAL_9","size","onPressIn","UNITS"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/UnitsLayout/helpers.tsx"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,SAAS,QAAQ,4BAA4B;AAC9D,SAASC,qBAAqB,QAAQ,qBAAkB;AACxD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAiCC,cAAc,QAAQ,YAAS;AAChE,SAASC,WAAW,QAAQ,yCAAsC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAQlE,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,YAAY;EACZC,cAAc;EACdC;AAC2B,CAAC,KAAK;EACjC;IACE,MAAMC,YAAY,GAAGV,qBAAqB,CAACW,GAAG,CAACJ,YAAY,CAAC,EAAEK,IAAI,IAAIb,SAAS;IAE/E,OAAO,CACL;MACEc,GAAG,EAAEX,cAAc,CAACY,OAAO;MAC3BC,KAAK,eACHV,IAAA,CAACF,WAAW;QACVa,KAAK,EAAER,cAAc,KAAKN,cAAc,CAACY,OAAO,GAAGhB,MAAM,CAACmB,SAAS,GAAGnB,MAAM,CAACoB,SAAU;QACvFC,IAAI,EAAE;MAAG,CACV,CACF;MACDC,SAAS,EAAEA,CAAA,KAAMX,iBAAiB,CAACP,cAAc,CAACY,OAAO;IAC3D,CAAC,EACD;MACED,GAAG,EAAEX,cAAc,CAACmB,KAAK;MACzBN,KAAK,eACHV,IAAA,CAACK,YAAY;QACXM,KAAK,EAAER,cAAc,KAAKN,cAAc,CAACmB,KAAK,GAAGvB,MAAM,CAACmB,SAAS,GAAGnB,MAAM,CAACoB,SAAU;QACrFC,IAAI,EAAE;MAAG,CACV,CACF;MACDC,SAAS,EAAEA,CAAA,KAAMX,iBAAiB,CAACP,cAAc,CAACmB,KAAK;IACzD,CAAC,CACF;EACH;AACF,CAAC","ignoreList":[]}

package/dist/module/features/keyboard/components/UnitsLayout/hooks/useUnitTabs.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import { useText } from "../../../../../shared/translation/index.js";
+import { useMemo, useState } from 'react';
+import { KeyboardUnitsGroupType } from "../types.js";
+export const useUnitTabs = () => {
+  const t = useText();
+  const tabs = useMemo(() => [{
+    title: t('keyboard.length'),
+    style: {
+      paddingLeft: 0,
+      paddingRight: 32,
+      marginRight: -16
+    },
+    key: KeyboardUnitsGroupType.LENGTH
+  }, {
+    title: t('keyboard.area'),
+    style: {
+      paddingHorizontal: 10
+    },
+    key: KeyboardUnitsGroupType.AREA
+  }, {
+    title: t('keyboard.volume'),
+    style: {
+      paddingHorizontal: 10
+    },
+    key: KeyboardUnitsGroupType.VOLUME
+  }, {
+    title: t('keyboard.weight'),
+    style: {
+      paddingHorizontal: 10,
+      paddingRight: 0
+    },
+    key: KeyboardUnitsGroupType.WEIGHT
+  }], [t]);
+  const [activeTab, setActiveTab] = useState(tabs[0]);
+  return {
+    tabs,
+    activeTab,
+    setActiveTab
+  };
+};
+//# sourceMappingURL=useUnitTabs.js.map

package/dist/module/features/keyboard/components/UnitsLayout/hooks/useUnitTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useText","useMemo","useState","KeyboardUnitsGroupType","useUnitTabs","t","tabs","title","style","paddingLeft","paddingRight","marginRight","key","LENGTH","paddingHorizontal","AREA","VOLUME","WEIGHT","activeTab","setActiveTab"],"sourceRoot":"../../../../../../../src","sources":["features/keyboard/components/UnitsLayout/hooks/useUnitTabs.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,4CAAmC;AAC3D,SAASC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAGzC,SAASC,sBAAsB,QAAQ,aAAU;AAEjD,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,CAAC,GAAGL,OAAO,CAAC,CAAC;EACnB,MAAMM,IAAI,GAAGL,OAAO,CAClB,MAAM,CACJ;IACEM,KAAK,EAAEF,CAAC,CAAC,iBAAiB,CAAC;IAC3BG,KAAK,EAAE;MAAEC,WAAW,EAAE,CAAC;MAAEC,YAAY,EAAE,EAAE;MAAEC,WAAW,EAAE,CAAC;IAAG,CAAC;IAC7DC,GAAG,EAAET,sBAAsB,CAACU;EAC9B,CAAC,EACD;IACEN,KAAK,EAAEF,CAAC,CAAC,eAAe,CAAC;IACzBG,KAAK,EAAE;MAAEM,iBAAiB,EAAE;IAAG,CAAC;IAChCF,GAAG,EAAET,sBAAsB,CAACY;EAC9B,CAAC,EACD;IACER,KAAK,EAAEF,CAAC,CAAC,iBAAiB,CAAC;IAC3BG,KAAK,EAAE;MAAEM,iBAAiB,EAAE;IAAG,CAAC;IAChCF,GAAG,EAAET,sBAAsB,CAACa;EAC9B,CAAC,EACD;IACET,KAAK,EAAEF,CAAC,CAAC,iBAAiB,CAAC;IAC3BG,KAAK,EAAE;MAAEM,iBAAiB,EAAE,EAAE;MAAEJ,YAAY,EAAE;IAAE,CAAC;IACjDE,GAAG,EAAET,sBAAsB,CAACc;EAC9B,CAAC,CACF,EACD,CAACZ,CAAC,CACJ,CAAC;EACD,MAAM,CAACa,SAAS,EAAEC,YAAY,CAAC,GAAGjB,QAAQ,CAAiBI,IAAI,CAAC,CAAC,CAAC,CAAC;EACnE,OAAO;IAAEA,IAAI;IAAEY,SAAS;IAAEC;EAAa,CAAC;AAC1C,CAAC","ignoreList":[]}

package/dist/module/features/keyboard/components/UnitsLayout/keyboardGroups.js

@@ -1,84 +1,63 @@
 "use strict";
 
 import { MATH_AREA_UNITS, MATH_LENGTH_UNITS, MATH_VOLUME_UNITS, MATH_WEIGHT_UNITS } from "../../types/MathKeysGroups/units.js";
-import { Locale } from "../../../../shared/translation/index.js";
-export let KeyboardUnitsGroupType = /*#__PURE__*/function (KeyboardUnitsGroupType) {
-  KeyboardUnitsGroupType["LENGTH"] = "length";
-  KeyboardUnitsGroupType["AREA"] = "area";
-  KeyboardUnitsGroupType["VOLUME"] = "volume";
-  KeyboardUnitsGroupType["WEIGHT"] = "weight";
-  return KeyboardUnitsGroupType;
-}({});
+import { RulerIcon } from '@magmamath/react-native-ui';
+import { RectangleIcon } from "../../../../shared/icons/RectangleIcon.js";
+import { VolumeIcon } from "../../../../shared/icons/VolumeIcon.js";
+import { WeightIcon } from "../../../../shared/icons/WeightIcon.js";
+import { KeyboardUnitsGroupType } from "./types.js";
+import { MathEntryKeyboardGroupId } from "../../types/keyboardGroupIds.js";
 export const MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS = {
-  id: 'math-entry-length-units-sw',
+  id: MathEntryKeyboardGroupId.LENGTH_UNITS_SW,
   keys: [[MATH_LENGTH_UNITS.MILLIMETER, MATH_LENGTH_UNITS.CENTIMETER, MATH_LENGTH_UNITS.DECIMETER, MATH_LENGTH_UNITS.METER], [MATH_LENGTH_UNITS.KILOMETER, MATH_LENGTH_UNITS.MILE_SE]]
 };
 export const MATH_ENTRY_LENGTH_UNITS_US_KEYBOARD_GROUPS = {
-  id: 'math-entry-length-units-us',
+  id: MathEntryKeyboardGroupId.LENGTH_UNITS_US,
   keys: [[MATH_LENGTH_UNITS.MILLIMETER, MATH_LENGTH_UNITS.CENTIMETER, MATH_LENGTH_UNITS.DECIMETER, MATH_LENGTH_UNITS.METER, MATH_LENGTH_UNITS.KILOMETER], [MATH_LENGTH_UNITS.INCH, MATH_LENGTH_UNITS.FOOT, MATH_LENGTH_UNITS.YARD, MATH_LENGTH_UNITS.MILE]]
 };
 export const MATH_ENTRY_AREA_UNITS_SW_KEYBOARD_GROUPS = {
-  id: 'math-entry-area-units-sw',
+  id: MathEntryKeyboardGroupId.AREA_UNITS_SW,
   keys: [[MATH_AREA_UNITS.SQUARE_MILLIMETER, MATH_AREA_UNITS.SQUARE_CENTIMETER, MATH_AREA_UNITS.SQUARE_DECIMETER, MATH_AREA_UNITS.SQUARE_METER, MATH_AREA_UNITS.SQUARE_KILOMETER], [MATH_AREA_UNITS.HECTARE]]
 };
 export const MATH_ENTRY_AREA_UNITS_US_KEYBOARD_GROUPS = {
-  id: 'math-entry-area-units-us',
+  id: MathEntryKeyboardGroupId.AREA_UNITS_US,
   keys: [[MATH_AREA_UNITS.SQUARE_MILLIMETER, MATH_AREA_UNITS.SQUARE_CENTIMETER, MATH_AREA_UNITS.SQUARE_DECIMETER, MATH_AREA_UNITS.SQUARE_METER, MATH_AREA_UNITS.SQUARE_KILOMETER], [MATH_AREA_UNITS.SQUARE_INCH, MATH_AREA_UNITS.SQUARE_FOOT, MATH_AREA_UNITS.SQUARE_YARD, MATH_AREA_UNITS.SQUARE_MILE]]
 };
 export const MATH_ENTRY_AREA_UNITS_UK_KEYBOARD_GROUPS = {
-  id: 'math-entry-area-units-uk',
+  id: MathEntryKeyboardGroupId.AREA_UNITS_UK,
   keys: [[MATH_AREA_UNITS.SQUARE_MILLIMETER, MATH_AREA_UNITS.SQUARE_CENTIMETER, MATH_AREA_UNITS.SQUARE_DECIMETER, MATH_AREA_UNITS.SQUARE_METER, MATH_AREA_UNITS.SQUARE_KILOMETER], [MATH_AREA_UNITS.SQUARE_INCH, MATH_AREA_UNITS.SQUARE_FOOT, MATH_AREA_UNITS.SQUARE_YARD, MATH_AREA_UNITS.SQUARE_MILE]]
 };
 export const MATH_ENTRY_VOLUME_UNITS_SW_KEYBOARD_GROUPS = {
-  id: 'math-entry-volume-units-sw',
+  id: MathEntryKeyboardGroupId.VOLUME_UNITS_SW,
   keys: [[MATH_VOLUME_UNITS.CUBIC_MILLIMETER, MATH_VOLUME_UNITS.CUBIC_CENTIMETER, MATH_VOLUME_UNITS.CUBIC_DECIMETER, MATH_VOLUME_UNITS.CUBIC_METER, MATH_VOLUME_UNITS.CUBIC_KILOMETER], [MATH_VOLUME_UNITS.MILLILITER, MATH_VOLUME_UNITS.CL, MATH_VOLUME_UNITS.DL, MATH_VOLUME_UNITS.LITER_SE]]
 };
 export const MATH_ENTRY_VOLUME_UNITS_US_KEYBOARD_GROUPS = {
-  id: 'math-entry-volume-units-us',
+  id: MathEntryKeyboardGroupId.VOLUME_UNITS_US,
   keys: [[MATH_VOLUME_UNITS.CUBIC_MILLIMETER, MATH_VOLUME_UNITS.CUBIC_CENTIMETER, MATH_VOLUME_UNITS.CUBIC_METER, MATH_VOLUME_UNITS.CUBIC_KILOMETER, MATH_VOLUME_UNITS.MILLILITER_SE, MATH_VOLUME_UNITS.GAL], [MATH_VOLUME_UNITS.CUBIC_INCH, MATH_VOLUME_UNITS.CUBIC_FOOT, MATH_VOLUME_UNITS.CUBIC_YARD, MATH_VOLUME_UNITS.CUBIC_MILE, MATH_VOLUME_UNITS.CUP, MATH_VOLUME_UNITS.FLOZ]]
 };
 export const MATH_ENTRY_VOLUME_UNITS_UK_KEYBOARD_GROUPS = {
-  id: 'math-entry-volume-units-uk',
+  id: MathEntryKeyboardGroupId.VOLUME_UNITS_UK,
   keys: [[MATH_VOLUME_UNITS.CUBIC_MILLIMETER, MATH_VOLUME_UNITS.CUBIC_CENTIMETER, MATH_VOLUME_UNITS.CUBIC_METER, MATH_VOLUME_UNITS.CUBIC_KILOMETER, MATH_VOLUME_UNITS.MILLILITER, MATH_VOLUME_UNITS.GAL], [MATH_VOLUME_UNITS.CUBIC_INCH, MATH_VOLUME_UNITS.CUBIC_FOOT, MATH_VOLUME_UNITS.CUBIC_YARD, MATH_VOLUME_UNITS.CUBIC_MILE, MATH_VOLUME_UNITS.CUP, MATH_VOLUME_UNITS.FLOZ]]
 };
 export const MATH_ENTRY_WEIGHT_UNITS_SW_KEYBOARD_GROUPS = {
-  id: 'math-entry-weight-units-sw',
+  id: MathEntryKeyboardGroupId.WEIGHT_UNITS_SW,
   keys: [[MATH_WEIGHT_UNITS.MG, MATH_WEIGHT_UNITS.G, MATH_WEIGHT_UNITS.HG, MATH_WEIGHT_UNITS.KG, MATH_WEIGHT_UNITS.T]]
 };
 export const MATH_ENTRY_WEIGHT_UNITS_US_KEYBOARD_GROUPS = {
-  id: 'math-entry-weight-units-us',
+  id: MathEntryKeyboardGroupId.WEIGHT_UNITS_US,
   keys: [[MATH_WEIGHT_UNITS.MG, MATH_WEIGHT_UNITS.G, MATH_WEIGHT_UNITS.KG, MATH_WEIGHT_UNITS.T], [MATH_WEIGHT_UNITS.OZ, MATH_WEIGHT_UNITS.LB, MATH_WEIGHT_UNITS.TON]]
 };
-export const KEYBOARD_UNITS_GROUPS_BY_LOCALE = {
-  [Locale.CA]: {
-    [KeyboardUnitsGroupType.LENGTH]: MATH_ENTRY_LENGTH_UNITS_US_KEYBOARD_GROUPS,
-    [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
-  },
-  [Locale.SCT]: {
-    [KeyboardUnitsGroupType.LENGTH]: MATH_ENTRY_LENGTH_UNITS_US_KEYBOARD_GROUPS,
-    [KeyboardUnitsGroupType.AREA]: MATH_ENTRY_AREA_UNITS_UK_KEYBOARD_GROUPS,
-    [KeyboardUnitsGroupType.VOLUME]: MATH_ENTRY_VOLUME_UNITS_UK_KEYBOARD_GROUPS,
-    [KeyboardUnitsGroupType.WEIGHT]: MATH_ENTRY_WEIGHT_UNITS_US_KEYBOARD_GROUPS
-  },
-  [Locale.GB]: {
-    [KeyboardUnitsGroupType.LENGTH]: MATH_ENTRY_LENGTH_UNITS_US_KEYBOARD_GROUPS,
-    [KeyboardUnitsGroupType.AREA]: MATH_ENTRY_AREA_UNITS_UK_KEYBOARD_GROUPS,
-    [KeyboardUnitsGroupType.VOLUME]: MATH_ENTRY_VOLUME_UNITS_UK_KEYBOARD_GROUPS,
-    [KeyboardUnitsGroupType.WEIGHT]: MATH_ENTRY_WEIGHT_UNITS_US_KEYBOARD_GROUPS
-  },
-  [Locale.EN]: {
-    [KeyboardUnitsGroupType.LENGTH]: MATH_ENTRY_LENGTH_UNITS_US_KEYBOARD_GROUPS,
-    [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
-  },
-  [Locale.SW]: {
-    [KeyboardUnitsGroupType.LENGTH]: MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS,
-    [KeyboardUnitsGroupType.AREA]: MATH_ENTRY_AREA_UNITS_SW_KEYBOARD_GROUPS,
-    [KeyboardUnitsGroupType.VOLUME]: MATH_ENTRY_VOLUME_UNITS_SW_KEYBOARD_GROUPS,
-    [KeyboardUnitsGroupType.WEIGHT]: MATH_ENTRY_WEIGHT_UNITS_SW_KEYBOARD_GROUPS
-  }
-};
+export const UNITS_KEYBOARD_GROUPS = new Map([[KeyboardUnitsGroupType.LENGTH, {
+  keys: MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS.keys,
+  icon: RulerIcon
+}], [KeyboardUnitsGroupType.AREA, {
+  keys: MATH_ENTRY_AREA_UNITS_SW_KEYBOARD_GROUPS.keys,
+  icon: RectangleIcon
+}], [KeyboardUnitsGroupType.VOLUME, {
+  keys: MATH_ENTRY_VOLUME_UNITS_SW_KEYBOARD_GROUPS.keys,
+  icon: VolumeIcon
+}], [KeyboardUnitsGroupType.WEIGHT, {
+  keys: MATH_ENTRY_WEIGHT_UNITS_SW_KEYBOARD_GROUPS.keys,
+  icon: WeightIcon
+}]]);
 //# sourceMappingURL=keyboardGroups.js.map