@magmamath/students-features 0.9.0-rc8 → 0.9.0

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

@@ -3,62 +3,60 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.KeysList = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.styles = exports.KeysList = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
-var _keysValues = require("../../constants/keysValues.js");
+var _helpers = require("./helpers.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 KeysList = ({
   keys,
   numOfRows,
   style,
   onKeyPress,
-  isSpecialButtonsDisabled,
   isDisabled,
   disabledKeys
 }) => {
+  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: {
-        gap: 4
-      },
-      option: {
-        container: {
-          flexGrow: 0,
-          flexShrink: 0,
-          flexBasis: 'auto'
-        },
-        ...style?.option
-      }
+      row: styles.row
     },
     numOfRows: numOfRows,
     color: _reactNativeUi.SelectOptionColor.GREY,
     disabled: isDisabled,
-    options: keys.map((key, index) => ({
-      key: key.katexValue,
-      title: key.icon ? key.icon : key.label,
-      disabled: isSpecialButtonsDisabled && _keysValues.DISABLED_KEYS.includes(key) || disabledKeys?.includes(key)
-    })),
-    size: _reactNativeUi.SelectOptionSize.SMALL,
-    onOptionChange: option => {
-      const key = keys.find(k => k.katexValue === option.key);
-      if (!key) return;
-      onKeyPress?.({
-        katexValue: key.katexValue,
-        mathliveValue: key.mathliveValue,
-        isSpecialSymbol: key.isSpecialSymbol
-      });
-    }
+    options: options,
+    size: _reactNativeUi.SelectOptionSize.SMALL
   });
 };
 exports.KeysList = KeysList;
-const styles = _reactNative.StyleSheet.create({
+const styles = exports.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","_interopRequireDefault","require","_reactNative","_reactNativeUi","_keysValues","_jsxRuntime","e","__esModule","default","KeysList","keys","numOfRows","style","onKeyPress","isSpecialButtonsDisabled","isDisabled","disabledKeys","jsx","SelectGroup","container","styles","row","gap","option","flexGrow","flexShrink","flexBasis","color","SelectOptionColor","GREY","disabled","options","map","key","index","katexValue","title","icon","label","DISABLED_KEYS","includes","size","SelectOptionSize","SMALL","onOptionChange","find","k","mathliveValue","isSpecialSymbol","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,WAAA,GAAAH,OAAA;AAA0D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAanD,MAAMG,QAAQ,GAAGA,CAAC;EACvBC,IAAI;EACJC,SAAS;EACTC,KAAK;EACLC,UAAU;EACVC,wBAAwB;EACxBC,UAAU;EACVC;AACa,CAAC,KAAK;EACnB,oBACE,IAAAX,WAAA,CAAAY,GAAA,EAACd,cAAA,CAAAe,WAAW;IACVN,KAAK,EAAE;MACLO,SAAS,EAAE,CAACC,MAAM,CAACD,SAAS,EAAEP,KAAK,EAAEO,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,GAAGd,KAAK,EAAEW;MACZ;IACF,CAAE;IACFZ,SAAS,EAAEA,SAAU;IACrBgB,KAAK,EAAEC,gCAAiB,CAACC,IAAK;IAC9BC,QAAQ,EAAEf,UAAW;IACrBgB,OAAO,EAAErB,IAAI,CAACsB,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,MAAM;MACjCD,GAAG,EAAEA,GAAG,CAACE,UAAU;MACnBC,KAAK,EAAEH,GAAG,CAACI,IAAI,GAAGJ,GAAG,CAACI,IAAI,GAAGJ,GAAG,CAACK,KAAK;MACtCR,QAAQ,EACLhB,wBAAwB,IAAIyB,yBAAa,CAACC,QAAQ,CAACP,GAAG,CAAC,IAAKjB,YAAY,EAAEwB,QAAQ,CAACP,GAAG;IAC3F,CAAC,CAAC,CAAE;IACJQ,IAAI,EAAEC,+BAAgB,CAACC,KAAM;IAC7BC,cAAc,EAAGrB,MAAM,IAAK;MAC1B,MAAMU,GAAG,GAAGvB,IAAI,CAACmC,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACX,UAAU,KAAKZ,MAAM,CAACU,GAAG,CAAC;MACzD,IAAI,CAACA,GAAG,EAAE;MACVpB,UAAU,GAAG;QACXsB,UAAU,EAAEF,GAAG,CAACE,UAAU;QAC1BY,aAAa,EAAEd,GAAG,CAACc,aAAa;QAChCC,eAAe,EAAEf,GAAG,CAACe;MACvB,CAAC,CAAC;IACJ;EAAE,CACH,CAAC;AAEN,CAAC;AAAAC,OAAA,CAAAxC,QAAA,GAAAA,QAAA;AAED,MAAMW,MAAM,GAAG8B,uBAAU,CAACC,MAAM,CAAC;EAC/BhC,SAAS,EAAE;IACTiC,KAAK,EAAE,MAAM;IACb9B,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}
+{"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":[]}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mapKeyToOption = exports.IS_IOS_WEB = void 0;
+var _KeysList = require("./KeysList.js");
+var _helpers = require("../../helpers.js");
+const IS_IOS_WEB = exports.IS_IOS_WEB = (0, _helpers.getIsIpadOrIphoneDevice)();
+const mergeOptionStyles = (keyStyle, override) => ({
+  container: [_KeysList.styles.optionContainer, keyStyle?.container, override?.container],
+  button: [_KeysList.styles.optionButton, keyStyle?.button, override?.button],
+  text: [_KeysList.styles.optionText, keyStyle?.text, override?.text]
+});
+const isKeyDisabled = (key, disabledKeys) => disabledKeys?.includes(key);
+const mapKeyToOption = ({
+  key,
+  onKeyPress,
+  disabledKeys,
+  optionStyle
+}) => {
+  const pressHandler = e => {
+    onKeyPress?.({
+      event: e,
+      katexValue: key.katexValue,
+      mathliveValue: key.mathliveValue,
+      spreadsheetValue: key.spreadsheetValue,
+      mathQuillValue: key.mathQuillValue,
+      isSpecialSymbol: key.isSpecialSymbol
+    });
+  };
+  return {
+    key: key.katexValue,
+    title: key.icon ?? key.label,
+    delayPressIn: 0,
+    style: mergeOptionStyles(optionStyle, key.style),
+    ...(IS_IOS_WEB ? {
+      onPress: pressHandler
+    } : {
+      onPressIn: pressHandler
+    }),
+    disabled: isKeyDisabled(key, disabledKeys)
+  };
+};
+exports.mapKeyToOption = mapKeyToOption;
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_KeysList","require","_helpers","IS_IOS_WEB","exports","getIsIpadOrIphoneDevice","mergeOptionStyles","keyStyle","override","container","styles","optionContainer","button","optionButton","text","optionText","isKeyDisabled","key","disabledKeys","includes","mapKeyToOption","onKeyPress","optionStyle","pressHandler","e","event","katexValue","mathliveValue","spreadsheetValue","mathQuillValue","isSpecialSymbol","title","icon","label","delayPressIn","style","onPress","onPressIn","disabled"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/KeysList/helpers.ts"],"mappings":";;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AASO,MAAME,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,gCAAuB,EAAC,CAAC;AAEnD,MAAMC,iBAAiB,GAAGA,CAACC,QAAsB,EAAEC,QAAsB,MAAM;EAC7EC,SAAS,EAAE,CAACC,gBAAM,CAACC,eAAe,EAAEJ,QAAQ,EAAEE,SAAS,EAAED,QAAQ,EAAEC,SAAS,CAAC;EAC7EG,MAAM,EAAE,CAACF,gBAAM,CAACG,YAAY,EAAEN,QAAQ,EAAEK,MAAM,EAAEJ,QAAQ,EAAEI,MAAM,CAAC;EACjEE,IAAI,EAAE,CAACJ,gBAAM,CAACK,UAAU,EAAER,QAAQ,EAAEO,IAAI,EAAEN,QAAQ,EAAEM,IAAI;AAC1D,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGA,CAACC,GAAgB,EAAEC,YAA4B,KACnEA,YAAY,EAAEC,QAAQ,CAACF,GAAG,CAAC;AAEtB,MAAMG,cAAc,GAAGA,CAAC;EAC7BH,GAAG;EACHI,UAAU;EACVH,YAAY;EACZI;AACmB,CAAC,KAAK;EACzB,MAAMC,YAAY,GAAIC,CAAwB,IAAK;IACjDH,UAAU,GAAG;MACXI,KAAK,EAAED,CAAC;MACRE,UAAU,EAAET,GAAG,CAACS,UAAU;MAC1BC,aAAa,EAAEV,GAAG,CAACU,aAAa;MAChCC,gBAAgB,EAAEX,GAAG,CAACW,gBAAgB;MACtCC,cAAc,EAAEZ,GAAG,CAACY,cAAc;MAClCC,eAAe,EAAEb,GAAG,CAACa;IACvB,CAAC,CAAC;EACJ,CAAC;EAED,OAAO;IACLb,GAAG,EAAEA,GAAG,CAACS,UAAU;IACnBK,KAAK,EAAEd,GAAG,CAACe,IAAI,IAAIf,GAAG,CAACgB,KAAK;IAC5BC,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE7B,iBAAiB,CAACgB,WAAW,EAAEL,GAAG,CAACkB,KAAK,CAAC;IAChD,IAAIhC,UAAU,GAAG;MAAEiC,OAAO,EAAEb;IAAa,CAAC,GAAG;MAAEc,SAAS,EAAEd;IAAa,CAAC,CAAC;IACzEe,QAAQ,EAAEtB,aAAa,CAACC,GAAG,EAAEC,YAAY;EAC3C,CAAC;AACH,CAAC;AAAAd,OAAA,CAAAgB,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -13,25 +13,19 @@ 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 = props => {
+const Numpad = ({
+  style,
+  ...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: [styles.container, style],
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeysList.KeysList, {
       keys: keyboardGroup.keys,
       numOfRows: 3,
       style: {
-        container: styles.keysContainer,
-        option: {
-          text: styles.keyText,
-          button: styles.keyButton,
-          ...(_reactNativeUi.IS_MOBILE && {
-            container: {
-              flexBasis: 45
-            }
-          })
-        }
+        container: styles.keysContainer
       },
       ...props
     })
@@ -41,8 +35,9 @@ exports.Numpad = Numpad;
 const styles = _reactNative.StyleSheet.create({
   container: {
     borderLeftWidth: 1,
-    borderColor: _reactNativeUi.COLORS.NEUTRAL_3,
-    paddingLeft: _reactNativeUi.SPACING[800]
+    borderColor: 'transparent',
+    paddingLeft: _reactNativeUi.SPACING[800],
+    marginLeft: 'auto'
   },
   keysContainer: {
     display: 'flex',
@@ -51,13 +46,6 @@ 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","props","t","useText","keyboardGroup","getKeyboardGroup","KeyboardType","jsx","View","style","styles","container","children","KeysList","keys","numOfRows","keysContainer","option","text","keyText","button","keyButton","IS_MOBILE","flexBasis","exports","StyleSheet","create","borderLeftWidth","borderColor","COLORS","NEUTRAL_3","paddingLeft","SPACING","display","width","flexGrow","flexShrink","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;AAGzC,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;UACNC,IAAI,EAAER,MAAM,CAACS,OAAO;UACpBC,MAAM,EAAEV,MAAM,CAACW,SAAS;UACxB,IAAIC,wBAAS,IAAI;YAAEX,SAAS,EAAE;cAAEY,SAAS,EAAE;YAAG;UAAE,CAAC;QACnD;MACF,CAAE;MAAA,GACEtB;IAAK,CACV;EAAC,CACE,CAAC;AAEX,CAAC;AAAAuB,OAAA,CAAAxB,MAAA,GAAAA,MAAA;AAED,MAAMU,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,eAAe,EAAE,CAAC;IAClBC,WAAW,EAAEC,qBAAM,CAACC,SAAS;IAC7BC,WAAW,EAAEC,sBAAO,CAAC,GAAG;EAC1B,CAAC;EACDhB,aAAa,EAAE;IACbiB,OAAO,EAAE,MAAM;IACfC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,CAAC;IACbb,SAAS,EAAE,MAAM;IACjBc,GAAG,EAAE;EACP,CAAC;EACDlB,OAAO,EAAE;IACPmB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDlB,SAAS,EAAE;IACTa,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
+{"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":[]}

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

@@ -6,8 +6,9 @@ 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: 'math-entry-numbers-sw',
+  id: _keyboardGroupIds.MathEntryKeyboardGroupId.NUMBERS_SW,
   keys: [{
     label: '1',
     mathliveValue: '1',
@@ -51,7 +52,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: 'math-entry-numbers-us',
+  id: _keyboardGroupIds.MathEntryKeyboardGroupId.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","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":[]}
+{"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":[]}

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

@@ -10,6 +10,7 @@ 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 = ({
@@ -19,11 +20,10 @@ const UnitTabs = ({
   ...props
 }) => {
   const t = (0, _index.useText)();
-  const keyboardGroup = _keyboardGroups.KEYBOARD_UNITS_GROUPS_BY_LOCALE[t('locale')][activeTab.key].keys || _keyboardGroups.MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS.keys;
+  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;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: {
-      width: 283
-    },
+    style: styles.container,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.tabsContainer,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.TabGroup, {
@@ -34,48 +34,27 @@ const UnitTabs = ({
         variant: _reactNativeUi.TabVariant.SMALL
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.keyGroupContainer,
-        children: keyboardGroup.map(keyGroup => /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeysList.KeysList, {
+        children: keyboardGroups.map((keyGroup, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeysList.KeysList, {
           keys: keyGroup,
           numOfRows: 1,
+          ...props,
           style: {
-            container: styles.keysContainer,
             option: {
-              button: styles.option,
-              text: styles.text,
-              ...(_reactNativeUi.IS_MOBILE && {
-                container: {
-                  flexBasis: 58,
-                  maxWidth: 58
-                }
-              })
+              text: styles.keysText,
+              container: styles.keyContainer,
+              button: styles.keyButton
             }
-          },
-          ...props
-        }))
+          }
+        }, index))
       })]
     })
   });
 };
 exports.UnitTabs = UnitTabs;
 const styles = _reactNative.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: _reactNativeUi.COLORS.NEUTRAL_3
+  container: {
+    width: 283,
+    flex: 1
   },
   tabsContainer: {
     gap: 16,
@@ -88,6 +67,16 @@ 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","_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","IS_MOBILE","flexBasis","maxWidth","exports","StyleSheet","create","gap","minWidth","fontWeight","fontSize","optionContainer","flexGrow","flexShrink","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;cACNC,MAAM,EAAEd,MAAM,CAACa,MAAM;cACrBE,IAAI,EAAEf,MAAM,CAACe,IAAI;cACjB,IAAIC,wBAAS,IAAI;gBAAEL,SAAS,EAAE;kBAAEM,SAAS,EAAE,EAAE;kBAAEC,QAAQ,EAAE;gBAAG;cAAE,CAAC;YACjE;UACF,CAAE;UAAA,GACEhC;QAAK,CACV,CACF;MAAC,CACE,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAEX,CAAC;AAAAiC,OAAA,CAAArC,QAAA,GAAAA,QAAA;AAED,MAAMkB,MAAM,GAAGoB,uBAAU,CAACC,MAAM,CAAC;EAC/BT,aAAa,EAAE;IACbU,GAAG,EAAE;EACP,CAAC;EACDT,MAAM,EAAE;IACNU,QAAQ,EAAE;EACZ,CAAC;EACDR,IAAI,EAAE;IACJS,UAAU,EAAE,GAAG;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDC,eAAe,EAAE;IACfC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,CAAC;IACbX,SAAS,EAAE,MAAM;IACjBpB,KAAK,EAAE,MAAM;IACbgC,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE,CAAC;IACnBC,gBAAgB,EAAEC,qBAAM,CAACC;EAC3B,CAAC;EAEDhC,aAAa,EAAE;IACbqB,GAAG,EAAE,EAAE;IACPY,IAAI,EAAE;EACR,CAAC;EACDlD,IAAI,EAAE;IACJmD,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAEJ,qBAAM,CAACC,SAAS;IACnCI,UAAU,EAAE;EACd,CAAC;EACD/B,iBAAiB,EAAE;IACjBgB,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}
+{"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":[]}

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

@@ -9,145 +9,58 @@ 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 _keyboardGroups = require("./keyboardGroups.js");
-var _keysValues = require("../../constants/keysValues.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 _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 [selectedLayout, setSelectedLayout] = (0, _react.useState)(SelectedLayout.ALGEBRA);
+  const {
+    width
+  } = (0, _reactNative.useWindowDimensions)();
   const t = (0, _index.useText)();
-  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: 20
-      }),
-      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]);
+  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
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SelectGroup, {
+    children: [isDesktop && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SelectGroup, {
       numOfRows: 2,
       options: selectOptions,
       size: _reactNativeUi.SelectOptionSize.SMALL,
       style: {
         container: styles.optionContainer,
         option: {
-          ...(_reactNativeUi.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);
-      }
-    }), selectedLayout === SelectedLayout.UNITS ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnitTabs.UnitTabs, {
+      selectedOptions: [selectedLayout === _types2.SelectedLayout.ALGEBRA ? selectOptions[0] : selectOptions[1]]
+    }), selectedLayout === _types2.SelectedLayout.UNITS ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnitTabs.UnitTabs, {
       tabs: tabs,
       activeTab: activeTab,
-      onTabChange: tab => {
-        setActiveTab(tab);
-      },
+      onTabChange: setActiveTab,
       ...props
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeysList.KeysList, {
-      keys: basicExtendedKeys.keys,
+      keys: basicPlusKeys.keys,
       numOfRows: 3,
-      ...props,
-      style: {
-        container: styles.basicExtendedContainer,
-        option: {
-          button: styles.key,
-          ...(_reactNativeUi.IS_MOBILE && {
-            container: {
-              flexBasis: 45,
-              maxWidth: 45
-            }
-          })
-        }
-      }
+      ...props
     })]
   });
 };
@@ -155,29 +68,24 @@ exports.UnitsLayout = UnitsLayout;
 const styles = _reactNative.StyleSheet.create({
   container: {
     display: 'flex',
-    flexDirection: 'row',
+    flexDirection: _reactNativeUi.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: _reactNativeUi.COLORS.NEUTRAL_3,
-    maxWidth: 60
-  },
-  key: {
-    width: 42
+    maxWidth: 65,
+    gap: 9
   }
 });
 //# sourceMappingURL=UnitsLayout.js.map