@magmamath/students-features 0.9.0-rc26 → 0.9.0-rc4

package/dist/commonjs/features/keyboard/components/KeysList/KeysList.js

@@ -3,60 +3,74 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.styles = exports.KeysList = void 0;
-var _react = _interopRequireWildcard(require("react"));
+exports.KeysList = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
-var _helpers = require("./helpers.js");
+var _specialOperators = require("../../types/MathKeysGroups/specialOperators.js");
+var _keysValues = require("../../constants/keysValues.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const KeysList = ({
   keys,
   numOfRows,
   style,
   onKeyPress,
-  isDisabled,
-  disabledKeys
+  onSpecialKeyPress,
+  onBackspacePress,
+  isSpecialButtonsDisabled,
+  isDisabled
 }) => {
-  const options = (0, _react.useMemo)(() => keys.map(key => (0, _helpers.mapKeyToOption)({
-    key,
-    onKeyPress,
-    disabledKeys,
-    optionStyle: style?.option
-  })), [keys, onKeyPress, disabledKeys, style?.option]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SelectGroup, {
     style: {
       container: [styles.container, style?.container],
-      row: styles.row
+      row: {
+        gap: 4
+      },
+      option: {
+        container: {
+          flexGrow: 0,
+          flexShrink: 0,
+          flexBasis: 'auto'
+        },
+        ...style?.option
+      }
     },
     numOfRows: numOfRows,
     color: _reactNativeUi.SelectOptionColor.GREY,
     disabled: isDisabled,
-    options: options,
-    size: _reactNativeUi.SelectOptionSize.SMALL
+    options: keys.map(key => ({
+      key: key.katexValue,
+      title: key.icon ? key.icon : key.label,
+      disabled: isSpecialButtonsDisabled && _keysValues.DISABLED_KEYS.includes(key)
+    })),
+    size: _reactNativeUi.SelectOptionSize.SMALL,
+    onOptionChange: option => {
+      const key = keys.find(k => k.katexValue === option.key);
+      if (!key) return;
+      if (key.katexValue === _specialOperators.MathSpecialOperator.BACKSPACE.toLowerCase()) {
+        onBackspacePress?.();
+        return;
+      }
+      if (key.isSpecialSymbol) {
+        onSpecialKeyPress?.({
+          katexValue: key.katexValue,
+          mathliveValue: key.mathliveValue
+        });
+        return;
+      }
+      onKeyPress?.({
+        katexValue: key.katexValue,
+        mathliveValue: key.mathliveValue
+      });
+    }
   });
 };
 exports.KeysList = KeysList;
-const styles = exports.styles = _reactNative.StyleSheet.create({
+const styles = _reactNative.StyleSheet.create({
   container: {
     width: 'auto',
     gap: 9
-  },
-  row: {
-    gap: 3
-  },
-  optionContainer: {
-    flexGrow: 0,
-    flexShrink: 0,
-    flexBasis: _reactNativeUi.IS_MOBILE ? 45 : 'auto'
-  },
-  optionButton: {
-    width: 40
-  },
-  optionText: {
-    fontSize: 16,
-    fontWeight: 700
   }
 });
 //# sourceMappingURL=KeysList.js.map

package/dist/commonjs/features/keyboard/components/KeysList/KeysList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_helpers","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","KeysList","keys","numOfRows","style","onKeyPress","isDisabled","disabledKeys","options","useMemo","map","key","mapKeyToOption","optionStyle","option","jsx","SelectGroup","container","styles","row","color","SelectOptionColor","GREY","disabled","size","SelectOptionSize","SMALL","exports","StyleSheet","create","width","gap","optionContainer","flexGrow","flexShrink","flexBasis","IS_MOBILE","optionButton","optionText","fontSize","fontWeight"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/KeysList/KeysList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_specialOperators","_keysValues","_jsxRuntime","e","__esModule","default","KeysList","keys","numOfRows","style","onKeyPress","onSpecialKeyPress","onBackspacePress","isSpecialButtonsDisabled","isDisabled","jsx","SelectGroup","container","styles","row","gap","option","flexGrow","flexShrink","flexBasis","color","SelectOptionColor","GREY","disabled","options","map","key","katexValue","title","icon","label","DISABLED_KEYS","includes","size","SelectOptionSize","SMALL","onOptionChange","find","k","MathSpecialOperator","BACKSPACE","toLowerCase","isSpecialSymbol","mathliveValue","exports","StyleSheet","create","width"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/KeysList/KeysList.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAOA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAA0D,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYnD,MAAMG,QAAQ,GAAGA,CAAC;EACvBC,IAAI;EACJC,SAAS;EACTC,KAAK;EACLC,UAAU;EACVC,iBAAiB;EACjBC,gBAAgB;EAChBC,wBAAwB;EACxBC;AACa,CAAC,KAAK;EACnB,oBACE,IAAAZ,WAAA,CAAAa,GAAA,EAAChB,cAAA,CAAAiB,WAAW;IACVP,KAAK,EAAE;MACLQ,SAAS,EAAE,CAACC,MAAM,CAACD,SAAS,EAAER,KAAK,EAAEQ,SAAS,CAAC;MAC/CE,GAAG,EAAE;QAAEC,GAAG,EAAE;MAAE,CAAC;MACfC,MAAM,EAAE;QACNJ,SAAS,EAAE;UACTK,QAAQ,EAAE,CAAC;UACXC,UAAU,EAAE,CAAC;UACbC,SAAS,EAAE;QACb,CAAC;QACD,GAAGf,KAAK,EAAEY;MACZ;IACF,CAAE;IACFb,SAAS,EAAEA,SAAU;IACrBiB,KAAK,EAAEC,gCAAiB,CAACC,IAAK;IAC9BC,QAAQ,EAAEd,UAAW;IACrBe,OAAO,EAAEtB,IAAI,CAACuB,GAAG,CAAEC,GAAG,KAAM;MAC1BA,GAAG,EAAEA,GAAG,CAACC,UAAU;MACnBC,KAAK,EAAEF,GAAG,CAACG,IAAI,GAAGH,GAAG,CAACG,IAAI,GAAGH,GAAG,CAACI,KAAK;MACtCP,QAAQ,EAAEf,wBAAwB,IAAIuB,yBAAa,CAACC,QAAQ,CAACN,GAAG;IAClE,CAAC,CAAC,CAAE;IACJO,IAAI,EAAEC,+BAAgB,CAACC,KAAM;IAC7BC,cAAc,EAAGpB,MAAM,IAAK;MAC1B,MAAMU,GAAG,GAAGxB,IAAI,CAACmC,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACX,UAAU,KAAKX,MAAM,CAACU,GAAG,CAAC;MACzD,IAAI,CAACA,GAAG,EAAE;MACV,IAAIA,GAAG,CAACC,UAAU,KAAKY,qCAAmB,CAACC,SAAS,CAACC,WAAW,CAAC,CAAC,EAAE;QAClElC,gBAAgB,GAAG,CAAC;QACpB;MACF;MACA,IAAImB,GAAG,CAACgB,eAAe,EAAE;QACvBpC,iBAAiB,GAAG;UAClBqB,UAAU,EAAED,GAAG,CAACC,UAAU;UAC1BgB,aAAa,EAAEjB,GAAG,CAACiB;QACrB,CAAC,CAAC;QACF;MACF;MACAtC,UAAU,GAAG;QAAEsB,UAAU,EAAED,GAAG,CAACC,UAAU;QAAEgB,aAAa,EAAEjB,GAAG,CAACiB;MAAc,CAAC,CAAC;IAChF;EAAE,CACH,CAAC;AAEN,CAAC;AAAAC,OAAA,CAAA3C,QAAA,GAAAA,QAAA;AAED,MAAMY,MAAM,GAAGgC,uBAAU,CAACC,MAAM,CAAC;EAC/BlC,SAAS,EAAE;IACTmC,KAAK,EAAE,MAAM;IACbhC,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/keyboard/components/Numpad/Numpad.js

@@ -8,24 +8,25 @@ var _react = _interopRequireDefault(require("react"));
 var _KeysList = require("../KeysList/KeysList.js");
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
-var _types = require("../../types/types.js");
+var _types = require("../../types.js");
 var _index = require("../../../../shared/translation/index.js");
 var _helpers = require("../../helpers.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Numpad = ({
-  style,
-  ...props
-}) => {
+const Numpad = props => {
   const t = (0, _index.useText)();
   const keyboardGroup = (0, _helpers.getKeyboardGroup)(t('locale'), _types.KeyboardType.Numpad);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.container, style],
+    style: styles.container,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeysList.KeysList, {
       keys: keyboardGroup.keys,
       numOfRows: 3,
       style: {
-        container: styles.keysContainer
+        container: styles.keysContainer,
+        option: {
+          text: styles.keyText,
+          button: styles.keyButton
+        }
       },
       ...props
     })
@@ -35,9 +36,8 @@ exports.Numpad = Numpad;
 const styles = _reactNative.StyleSheet.create({
   container: {
     borderLeftWidth: 1,
-    borderColor: 'transparent',
-    paddingLeft: _reactNativeUi.SPACING[800],
-    marginLeft: 'auto'
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_3,
+    paddingLeft: _reactNativeUi.SPACING[800]
   },
   keysContainer: {
     display: 'flex',
@@ -46,6 +46,13 @@ const styles = _reactNative.StyleSheet.create({
     flexShrink: 0,
     flexBasis: 'auto',
     gap: 9
+  },
+  keyText: {
+    fontSize: 16,
+    fontWeight: 700
+  },
+  keyButton: {
+    width: 42
   }
 });
 //# sourceMappingURL=Numpad.js.map

package/dist/commonjs/features/keyboard/components/Numpad/Numpad.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_KeysList","_reactNative","_reactNativeUi","_types","_index","_helpers","_jsxRuntime","e","__esModule","default","Numpad","style","props","t","useText","keyboardGroup","getKeyboardGroup","KeyboardType","jsx","View","styles","container","children","KeysList","keys","numOfRows","keysContainer","exports","StyleSheet","create","borderLeftWidth","borderColor","paddingLeft","SPACING","marginLeft","display","width","flexGrow","flexShrink","flexBasis","gap"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/Numpad/Numpad.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAAgD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMzC,MAAMG,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAmB,CAAC,KAAK;EAC1D,MAAMC,CAAC,GAAG,IAAAC,cAAO,EAAC,CAAC;EACnB,MAAMC,aAAa,GAAG,IAAAC,yBAAgB,EAACH,CAAC,CAAC,QAAQ,CAAC,EAAYI,mBAAY,CAACP,MAAM,CAAC;EAElF,oBACE,IAAAJ,WAAA,CAAAY,GAAA,EAACjB,YAAA,CAAAkB,IAAI;IAACR,KAAK,EAAE,CAACS,MAAM,CAACC,SAAS,EAAEV,KAAK,CAAE;IAAAW,QAAA,eACrC,IAAAhB,WAAA,CAAAY,GAAA,EAAClB,SAAA,CAAAuB,QAAQ;MACPC,IAAI,EAAET,aAAa,CAACS,IAAK;MACzBC,SAAS,EAAE,CAAE;MACbd,KAAK,EAAE;QACLU,SAAS,EAAED,MAAM,CAACM;MACpB,CAAE;MAAA,GACEd;IAAK,CACV;EAAC,CACE,CAAC;AAEX,CAAC;AAAAe,OAAA,CAAAjB,MAAA,GAAAA,MAAA;AAED,MAAMU,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,eAAe,EAAE,CAAC;IAClBC,WAAW,EAAE,aAAa;IAC1BC,WAAW,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACzBC,UAAU,EAAE;EACd,CAAC;EACDR,aAAa,EAAE;IACbS,OAAO,EAAE,MAAM;IACfC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,CAAC;IACbC,SAAS,EAAE,MAAM;IACjBC,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_KeysList","_reactNative","_reactNativeUi","_types","_index","_helpers","_jsxRuntime","e","__esModule","default","Numpad","props","t","useText","keyboardGroup","getKeyboardGroup","KeyboardType","jsx","View","style","styles","container","children","KeysList","keys","numOfRows","keysContainer","option","text","keyText","button","keyButton","exports","StyleSheet","create","borderLeftWidth","borderColor","COLORS","NEUTRAL_3","paddingLeft","SPACING","display","width","flexGrow","flexShrink","flexBasis","gap","fontSize","fontWeight"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/Numpad/Numpad.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAAgD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzC,MAAMG,MAAM,GAAIC,KAA0B,IAAK;EACpD,MAAMC,CAAC,GAAG,IAAAC,cAAO,EAAC,CAAC;EACnB,MAAMC,aAAa,GAAG,IAAAC,yBAAgB,EAACH,CAAC,CAAC,QAAQ,CAAC,EAAYI,mBAAY,CAACN,MAAM,CAAC;EAElF,oBACE,IAAAJ,WAAA,CAAAW,GAAA,EAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5B,IAAAhB,WAAA,CAAAW,GAAA,EAACjB,SAAA,CAAAuB,QAAQ;MACPC,IAAI,EAAEV,aAAa,CAACU,IAAK;MACzBC,SAAS,EAAE,CAAE;MACbN,KAAK,EAAE;QACLE,SAAS,EAAED,MAAM,CAACM,aAAa;QAC/BC,MAAM,EAAE;UAAEC,IAAI,EAAER,MAAM,CAACS,OAAO;UAAEC,MAAM,EAAEV,MAAM,CAACW;QAAU;MAC3D,CAAE;MAAA,GACEpB;IAAK,CACV;EAAC,CACE,CAAC;AAEX,CAAC;AAAAqB,OAAA,CAAAtB,MAAA,GAAAA,MAAA;AAED,MAAMU,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,eAAe,EAAE,CAAC;IAClBC,WAAW,EAAEC,qBAAM,CAACC,SAAS;IAC7BC,WAAW,EAAEC,sBAAO,CAAC,GAAG;EAC1B,CAAC;EACDd,aAAa,EAAE;IACbe,OAAO,EAAE,MAAM;IACfC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,CAAC;IACbC,SAAS,EAAE,MAAM;IACjBC,GAAG,EAAE;EACP,CAAC;EACDjB,OAAO,EAAE;IACPkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDjB,SAAS,EAAE;IACTW,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/keyboard/components/Numpad/keyboardGroups.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.MATH_ENTRY_NUMBERS_US_KEYBOARD_GROUP = exports.MATH_ENTRY_NUMBERS_SW_KEYBOARD_GROUP = void 0;
 var _specialOperators = require("../../types/MathKeysGroups/specialOperators.js");
 var _basicOperators = require("../../types/MathKeysGroups/basicOperators.js");
-var _keyboardGroupIds = require("../../types/keyboardGroupIds.js");
 const MATH_ENTRY_NUMBERS_SW_KEYBOARD_GROUP = exports.MATH_ENTRY_NUMBERS_SW_KEYBOARD_GROUP = {
-  id: _keyboardGroupIds.MathEntryKeyboardGroupId.NUMBERS_SW,
+  id: 'math-entry-numbers-sw',
   keys: [{
     label: '1',
     mathliveValue: '1',
@@ -52,7 +51,7 @@ const MATH_ENTRY_NUMBERS_SW_KEYBOARD_GROUP = exports.MATH_ENTRY_NUMBERS_SW_KEYBO
   }]
 };
 const MATH_ENTRY_NUMBERS_US_KEYBOARD_GROUP = exports.MATH_ENTRY_NUMBERS_US_KEYBOARD_GROUP = {
-  id: _keyboardGroupIds.MathEntryKeyboardGroupId.NUMBERS_US,
+  id: 'math-entry-numbers-us',
   keys: [{
     label: '1',
     mathliveValue: '1',

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

@@ -1 +1 @@
-{"version":3,"names":["_specialOperators","require","_basicOperators","_keyboardGroupIds","MATH_ENTRY_NUMBERS_SW_KEYBOARD_GROUP","exports","id","MathEntryKeyboardGroupId","NUMBERS_SW","keys","label","mathliveValue","katexValue","MATH_SPECIAL_OPERATORS","BACKSPACE","MATH_BASIC_OPERATORS","COMMA","MATH_ENTRY_NUMBERS_US_KEYBOARD_GROUP","NUMBERS_US","DOT"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/Numpad/keyboardGroups.ts"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAEO,MAAMG,oCAAmD,GAAAC,OAAA,CAAAD,oCAAA,GAAG;EACjEE,EAAE,EAAEC,0CAAwB,CAACC,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,EACnDC,wCAAsB,CAACC,SAAS,EAChC;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,EACnDG,oCAAoB,CAACC,KAAK,EAC1B;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;AAEM,MAAMK,oCAAmD,GAAAZ,OAAA,CAAAY,oCAAA,GAAG;EACjEX,EAAE,EAAEC,0CAAwB,CAACW,UAAU;EACvCT,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,EACnDC,wCAAsB,CAACC,SAAS,EAChC;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,EACnDG,oCAAoB,CAACI,GAAG,EACxB;IAAET,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":["_specialOperators","require","_basicOperators","MATH_ENTRY_NUMBERS_SW_KEYBOARD_GROUP","exports","id","keys","label","mathliveValue","katexValue","MATH_SPECIAL_OPERATORS","BACKSPACE","MATH_BASIC_OPERATORS","COMMA","MATH_ENTRY_NUMBERS_US_KEYBOARD_GROUP","DOT"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/Numpad/keyboardGroups.tsx"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAGO,MAAME,oCAAmD,GAAAC,OAAA,CAAAD,oCAAA,GAAG;EACjEE,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,EACnDC,wCAAsB,CAACC,SAAS,EAChC;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,EACnDG,oCAAoB,CAACC,KAAK,EAC1B;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;AAEM,MAAMK,oCAAmD,GAAAV,OAAA,CAAAU,oCAAA,GAAG;EACjET,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,EACnDC,wCAAsB,CAACC,SAAS,EAChC;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,EACnDG,oCAAoB,CAACG,GAAG,EACxB;IAAER,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/commonjs/features/keyboard/components/UnitsLayout/UnitTabs.js

@@ -10,7 +10,6 @@ var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _keyboardGroups = require("./keyboardGroups.js");
 var _index = require("../../../../shared/translation/index.js");
-var _keyboardGroupsByLocale = require("../../constants/keyboardGroupsByLocale.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const UnitTabs = ({
@@ -20,10 +19,11 @@ const UnitTabs = ({
   ...props
 }) => {
   const t = (0, _index.useText)();
-  const locale = t('locale');
-  const keyboardGroups = _keyboardGroupsByLocale.KEYBOARD_UNITS_GROUPS_BY_LOCALE[locale]?.[activeTab.key]?.keys || _keyboardGroups.MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS.keys;
+  const keyboardGroup = _keyboardGroups.KEYBOARD_UNITS_GROUPS_BY_LOCALE[t('locale')][activeTab.key].keys || _keyboardGroups.MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS.keys;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.container,
+    style: {
+      width: 283
+    },
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.tabsContainer,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.TabGroup, {
@@ -34,27 +34,42 @@ const UnitTabs = ({
         variant: _reactNativeUi.TabVariant.SMALL
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.keyGroupContainer,
-        children: keyboardGroups.map((keyGroup, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeysList.KeysList, {
+        children: keyboardGroup.map(keyGroup => /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeysList.KeysList, {
           keys: keyGroup,
           numOfRows: 1,
-          ...props,
           style: {
+            container: styles.keysContainer,
             option: {
-              text: styles.keysText,
-              container: styles.keyContainer,
-              button: styles.keyButton
+              button: styles.option,
+              text: styles.text
             }
-          }
-        }, index))
+          },
+          ...props
+        }))
       })]
     })
   });
 };
 exports.UnitTabs = UnitTabs;
 const styles = _reactNative.StyleSheet.create({
-  container: {
-    width: 283,
-    flex: 1
+  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: _reactNativeUi.COLORS.NEUTRAL_3
   },
   tabsContainer: {
     gap: 16,
@@ -67,16 +82,6 @@ const styles = _reactNative.StyleSheet.create({
   },
   keyGroupContainer: {
     gap: 8
-  },
-  keysText: {
-    fontSize: 14,
-    fontWeight: 700
-  },
-  keyButton: {
-    width: _reactNativeUi.IS_MOBILE ? 54 : 40
-  },
-  keyContainer: {
-    flexBasis: _reactNativeUi.IS_MOBILE ? 58 : 'auto'
   }
 });
 //# sourceMappingURL=UnitTabs.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_KeysList","_reactNative","_reactNativeUi","_keyboardGroups","_index","_keyboardGroupsByLocale","_jsxRuntime","e","__esModule","default","UnitTabs","activeTab","tabs","onTabChange","props","t","useText","locale","keyboardGroups","KEYBOARD_UNITS_GROUPS_BY_LOCALE","key","keys","MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS","jsx","View","style","styles","container","children","jsxs","tabsContainer","TabGroup","variant","TabVariant","SMALL","keyGroupContainer","map","keyGroup","index","KeysList","numOfRows","option","text","keysText","keyContainer","button","keyButton","exports","StyleSheet","create","width","flex","gap","borderBottomWidth","borderBottomColor","COLORS","NEUTRAL_3","paddingTop","fontSize","fontWeight","IS_MOBILE","flexBasis"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/UnitsLayout/UnitTabs.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_KeysList","_reactNative","_reactNativeUi","_keyboardGroups","_index","_jsxRuntime","e","__esModule","default","UnitTabs","activeTab","tabs","onTabChange","props","t","useText","keyboardGroup","KEYBOARD_UNITS_GROUPS_BY_LOCALE","key","keys","MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS","jsx","View","style","width","children","jsxs","styles","tabsContainer","TabGroup","variant","TabVariant","SMALL","keyGroupContainer","map","keyGroup","KeysList","numOfRows","container","keysContainer","option","button","text","exports","StyleSheet","create","gap","minWidth","fontWeight","fontSize","optionContainer","flexGrow","flexShrink","flexBasis","paddingRight","borderRightWidth","borderRightColor","COLORS","NEUTRAL_3","flex","borderBottomWidth","borderBottomColor","paddingTop"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/UnitsLayout/UnitTabs.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAMA,IAAAK,MAAA,GAAAL,OAAA;AAAgE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQzD,MAAMG,QAAQ,GAAGA,CAAC;EAAEC,SAAS;EAAEC,IAAI;EAAEC,WAAW;EAAE,GAAGC;AAAqB,CAAC,KAAK;EACrF,MAAMC,CAAC,GAAG,IAAAC,cAAO,EAAC,CAAC;EACnB,MAAMC,aAAa,GACjBC,+CAA+B,CAACH,CAAC,CAAC,QAAQ,CAAC,CAAW,CAACJ,SAAS,CAACQ,GAAG,CAA2B,CAC5FC,IAAI,IAAIC,0DAA0C,CAACD,IAAI;EAC5D,oBACE,IAAAd,WAAA,CAAAgB,GAAA,EAACpB,YAAA,CAAAqB,IAAI;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,eAC1B,IAAApB,WAAA,CAAAqB,IAAA,EAACzB,YAAA,CAAAqB,IAAI;MAACC,KAAK,EAAEI,MAAM,CAACC,aAAc;MAAAH,QAAA,gBAChC,IAAApB,WAAA,CAAAgB,GAAA,EAACnB,cAAA,CAAA2B,QAAQ;QACPnB,SAAS,EAAEA,SAAU;QACrBC,IAAI,EAAEA,IAAK;QACXC,WAAW,EAAEA,WAAY;QACzBW,KAAK,EAAEI,MAAM,CAAChB,IAAK;QACnBmB,OAAO,EAAEC,yBAAU,CAACC;MAAM,CAC3B,CAAC,eACF,IAAA3B,WAAA,CAAAgB,GAAA,EAACpB,YAAA,CAAAqB,IAAI;QAACC,KAAK,EAAEI,MAAM,CAACM,iBAAkB;QAAAR,QAAA,EACnCT,aAAa,CAACkB,GAAG,CAAEC,QAAQ,iBAC1B,IAAA9B,WAAA,CAAAgB,GAAA,EAACrB,SAAA,CAAAoC,QAAQ;UACPjB,IAAI,EAAEgB,QAAS;UACfE,SAAS,EAAE,CAAE;UACbd,KAAK,EAAE;YACLe,SAAS,EAAEX,MAAM,CAACY,aAAa;YAC/BC,MAAM,EAAE;cAAEC,MAAM,EAAEd,MAAM,CAACa,MAAM;cAAEE,IAAI,EAAEf,MAAM,CAACe;YAAK;UACrD,CAAE;UAAA,GACE7B;QAAK,CACV,CACF;MAAC,CACE,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAEX,CAAC;AAAA8B,OAAA,CAAAlC,QAAA,GAAAA,QAAA;AAED,MAAMkB,MAAM,GAAGiB,uBAAU,CAACC,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;IACbC,SAAS,EAAE,MAAM;IACjB7B,KAAK,EAAE,MAAM;IACb8B,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE,CAAC;IACnBC,gBAAgB,EAAEC,qBAAM,CAACC;EAC3B,CAAC;EAED9B,aAAa,EAAE;IACbkB,GAAG,EAAE,EAAE;IACPa,IAAI,EAAE;EACR,CAAC;EACDhD,IAAI,EAAE;IACJiD,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAEJ,qBAAM,CAACC,SAAS;IACnCI,UAAU,EAAE;EACd,CAAC;EACD7B,iBAAiB,EAAE;IACjBa,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -9,58 +9,132 @@ var _KeysList = require("../KeysList/KeysList.js");
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _index = require("../../../../shared/translation/index.js");
+var _AlgebraIcon = require("../../../../shared/icons/AlgebraIcon.js");
+var _RectangleIcon = require("../../../../shared/icons/RectangleIcon.js");
+var _VolumeIcon = require("../../../../shared/icons/VolumeIcon.js");
+var _WeightIcon = require("../../../../shared/icons/WeightIcon.js");
 var _UnitTabs = require("./UnitTabs.js");
-var _types = require("../../types/types.js");
-var _constants = require("../../constants/constants.js");
-var _useUnitTabs = require("./hooks/useUnitTabs.js");
-var _helpers = require("../../helpers.js");
-var _types2 = require("./types.js");
-var _helpers2 = require("./helpers.js");
+var _types = require("../../types.js");
+var _keyboardGroups = require("./keyboardGroups.js");
+var _keysValues = require("../../constants/keysValues.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const UNITS_KEYBOARD_GROUPS = new Map([[_keyboardGroups.KeyboardUnitsGroupType.LENGTH, {
+  keys: _keyboardGroups.MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS.keys,
+  icon: _reactNativeUi.RulerIcon
+}], [_keyboardGroups.KeyboardUnitsGroupType.AREA, {
+  keys: _keyboardGroups.MATH_ENTRY_AREA_UNITS_SW_KEYBOARD_GROUPS.keys,
+  icon: _RectangleIcon.RectangleIcon
+}], [_keyboardGroups.KeyboardUnitsGroupType.VOLUME, {
+  keys: _keyboardGroups.MATH_ENTRY_VOLUME_UNITS_SW_KEYBOARD_GROUPS.keys,
+  icon: _VolumeIcon.VolumeIcon
+}], [_keyboardGroups.KeyboardUnitsGroupType.WEIGHT, {
+  keys: _keyboardGroups.MATH_ENTRY_WEIGHT_UNITS_SW_KEYBOARD_GROUPS.keys,
+  icon: _WeightIcon.WeightIcon
+}]]);
+var SelectedLayout = /*#__PURE__*/function (SelectedLayout) {
+  SelectedLayout["ALGEBRA"] = "algebra";
+  SelectedLayout["UNITS"] = "units";
+  return SelectedLayout;
+}(SelectedLayout || {});
 const UnitsLayout = props => {
-  const {
-    width
-  } = (0, _reactNative.useWindowDimensions)();
+  const [selectedLayout, setSelectedLayout] = (0, _react.useState)(SelectedLayout.ALGEBRA);
   const t = (0, _index.useText)();
-  const locale = t('locale');
-  const isDesktop = width > _constants.MOBILE_LAYOUT_WIDTH && !_reactNativeUi.IS_MOBILE;
-  const [selectedLayout, setSelectedLayout] = (0, _react.useState)(isDesktop ? _types2.SelectedLayout.ALGEBRA : _types2.SelectedLayout.UNITS);
-  const basicPlusKeys = (0, _helpers.getKeyboardGroup)(locale, _types.KeyboardType.BasicPlus);
-  const {
-    tabs,
-    activeTab,
-    setActiveTab
-  } = (0, _useUnitTabs.useUnitTabs)();
-  const selectOptions = (0, _helpers2.getSelectOptions)({
-    activeTabKey: activeTab.key,
-    selectedLayout,
-    setSelectedLayout
-  });
+  const basicExtendedKeys = _keysValues.KEYBOARD_GROUPS_BY_LOCALE[t('locale')][_types.KeyboardType.BasicExtended];
+  const tabs = (0, _react.useMemo)(() => [{
+    title: t('keyboard.length'),
+    style: {
+      paddingHorizontal: 10
+    },
+    titleStyle: {
+      active: {
+        fontStyle: _reactNativeUi.FONT_FAMILY.buenosAiresBold
+      }
+    },
+    key: _keyboardGroups.KeyboardUnitsGroupType.LENGTH
+  }, {
+    title: t('keyboard.area'),
+    style: {
+      paddingHorizontal: 10
+    },
+    titleStyle: {
+      active: {
+        fontStyle: _reactNativeUi.FONT_FAMILY.buenosAiresBold
+      }
+    },
+    key: _keyboardGroups.KeyboardUnitsGroupType.AREA
+  }, {
+    title: t('keyboard.volume'),
+    style: {
+      paddingHorizontal: 10
+    },
+    titleStyle: {
+      active: {
+        fontStyle: _reactNativeUi.FONT_FAMILY.buenosAiresBold
+      }
+    },
+    key: _keyboardGroups.KeyboardUnitsGroupType.VOLUME
+  }, {
+    title: t('keyboard.weight'),
+    style: {
+      paddingHorizontal: 10
+    },
+    titleStyle: {
+      active: {
+        fontStyle: _reactNativeUi.FONT_FAMILY.buenosAiresBold
+      }
+    },
+    key: _keyboardGroups.KeyboardUnitsGroupType.WEIGHT
+  }], []);
+  const [activeTab, setActiveTab] = (0, _react.useState)(tabs[0]);
+  const selectOptions = (0, _react.useMemo)(() => {
+    const SelectedIcon = UNITS_KEYBOARD_GROUPS.get(activeTab.key)?.icon || _reactNativeUi.RulerIcon;
+    return [{
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AlgebraIcon.AlgebraIcon, {
+        color: selectedLayout === SelectedLayout.ALGEBRA ? _reactNativeUi.COLORS.NEUTRAL_1 : _reactNativeUi.COLORS.NEUTRAL_9,
+        size: 16
+      }),
+      key: '1'
+    }, {
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectedIcon, {
+        color: selectedLayout === SelectedLayout.UNITS ? _reactNativeUi.COLORS.NEUTRAL_1 : _reactNativeUi.COLORS.NEUTRAL_9,
+        size: 16
+      }),
+      key: '2'
+    }];
+  }, [activeTab, selectedLayout]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
-    children: [isDesktop && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SelectGroup, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SelectGroup, {
       numOfRows: 2,
       options: selectOptions,
       size: _reactNativeUi.SelectOptionSize.SMALL,
       style: {
-        container: styles.optionContainer,
-        option: {
-          container: styles.option
-        }
+        container: styles.optionContainer
       },
       color: props.color,
-      selectedOptions: [selectedLayout === _types2.SelectedLayout.ALGEBRA ? selectOptions[0] : selectOptions[1]]
-    }), selectedLayout === _types2.SelectedLayout.UNITS ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnitTabs.UnitTabs, {
+      selectedOptions: [selectedLayout === SelectedLayout.ALGEBRA ? selectOptions[0] : selectOptions[1]],
+      onOptionChange: option => {
+        setSelectedLayout(option.key === '1' ? SelectedLayout.ALGEBRA : SelectedLayout.UNITS);
+      }
+    }), selectedLayout === SelectedLayout.UNITS ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnitTabs.UnitTabs, {
       tabs: tabs,
       activeTab: activeTab,
-      onTabChange: setActiveTab,
+      onTabChange: tab => {
+        setActiveTab(tab);
+      },
       ...props
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeysList.KeysList, {
-      keys: basicPlusKeys.keys,
+      keys: basicExtendedKeys.keys,
       numOfRows: 3,
-      ...props
+      ...props,
+      style: {
+        container: styles.basicExtendedContainer,
+        option: {
+          button: styles.key
+        }
+      }
     })]
   });
 };
@@ -68,24 +142,28 @@ exports.UnitsLayout = UnitsLayout;
 const styles = _reactNative.StyleSheet.create({
   container: {
     display: 'flex',
-    flexDirection: _reactNativeUi.IS_MOBILE ? 'column' : 'row',
+    flexDirection: 'row',
     gap: 16,
-    paddingRight: 16
+    paddingRight: 16,
+    width: 480
+  },
+  basicExtendedContainer: {
+    gap: 8
   },
   option: {
-    flexBasis: 45,
-    width: 44
+    minWidth: 42
   },
   optionContainer: {
     flexGrow: 0,
     flexShrink: 0,
     flexBasis: 'auto',
     width: 'auto',
-    paddingRight: 18,
+    paddingRight: 16,
     borderRightWidth: 1,
-    borderRightColor: _reactNativeUi.COLORS.NEUTRAL_3,
-    maxWidth: 65,
-    gap: 9
+    borderRightColor: _reactNativeUi.COLORS.NEUTRAL_3
+  },
+  key: {
+    width: 42
   }
 });
 //# sourceMappingURL=UnitsLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_KeysList","_reactNative","_reactNativeUi","_index","_UnitTabs","_types","_constants","_useUnitTabs","_helpers","_types2","_helpers2","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UnitsLayout","props","width","useWindowDimensions","useText","locale","isDesktop","MOBILE_LAYOUT_WIDTH","IS_MOBILE","selectedLayout","setSelectedLayout","useState","SelectedLayout","ALGEBRA","UNITS","basicPlusKeys","getKeyboardGroup","KeyboardType","BasicPlus","tabs","activeTab","setActiveTab","useUnitTabs","selectOptions","getSelectOptions","activeTabKey","key","jsxs","View","style","styles","container","children","jsx","SelectGroup","numOfRows","options","size","SelectOptionSize","SMALL","optionContainer","option","color","selectedOptions","UnitTabs","onTabChange","KeysList","keys","exports","StyleSheet","create","display","flexDirection","gap","paddingRight","flexBasis","flexGrow","flexShrink","borderRightWidth","borderRightColor","COLORS","NEUTRAL_3","maxWidth"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/UnitsLayout/UnitsLayout.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_KeysList","_reactNative","_reactNativeUi","_index","_AlgebraIcon","_RectangleIcon","_VolumeIcon","_WeightIcon","_UnitTabs","_types","_keyboardGroups","_keysValues","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UNITS_KEYBOARD_GROUPS","Map","KeyboardUnitsGroupType","LENGTH","keys","MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS","icon","RulerIcon","AREA","MATH_ENTRY_AREA_UNITS_SW_KEYBOARD_GROUPS","RectangleIcon","VOLUME","MATH_ENTRY_VOLUME_UNITS_SW_KEYBOARD_GROUPS","VolumeIcon","WEIGHT","MATH_ENTRY_WEIGHT_UNITS_SW_KEYBOARD_GROUPS","WeightIcon","SelectedLayout","UnitsLayout","props","selectedLayout","setSelectedLayout","useState","ALGEBRA","useText","basicExtendedKeys","KEYBOARD_GROUPS_BY_LOCALE","KeyboardType","BasicExtended","tabs","useMemo","title","style","paddingHorizontal","titleStyle","active","fontStyle","FONT_FAMILY","buenosAiresBold","key","activeTab","setActiveTab","selectOptions","SelectedIcon","jsx","AlgebraIcon","color","COLORS","NEUTRAL_1","NEUTRAL_9","size","UNITS","jsxs","View","styles","container","children","SelectGroup","numOfRows","options","SelectOptionSize","SMALL","optionContainer","selectedOptions","onOptionChange","option","UnitTabs","onTabChange","tab","KeysList","basicExtendedContainer","button","exports","StyleSheet","create","display","flexDirection","gap","paddingRight","width","minWidth","flexGrow","flexShrink","flexBasis","borderRightWidth","borderRightColor","NEUTRAL_3"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/UnitsLayout/UnitsLayout.tsx"],"mappings":"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","ignoreList":[]}