@magmamath/students-features 0.9.0-rc13 → 0.9.0-rc14

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

@@ -26,6 +26,7 @@ const Keyboard = ({
   } = (0, _reactNative.useWindowDimensions)();
   const Layout = (0, _keyboardLayouts.getLayoutByCharType)(characterType);
   const isBasicMobileLayout = characterType && width <= _constants.MAX_WIDTH_FOR_MOBILE_LAYOUT && _keyboardLayouts.KEYBOARD_LAYOUTS[_types.KeyboardType.Basic].characterTypes.includes(characterType);
+  const isAlgebraMobileLayout = characterType && width <= _constants.MAX_WIDTH_FOR_MOBILE_LAYOUT && (_keyboardLayouts.KEYBOARD_LAYOUTS[_types.KeyboardType.AlgebraAdvanced].characterTypes.includes(characterType) || _keyboardLayouts.KEYBOARD_LAYOUTS[_types.KeyboardType.BasicExtended].characterTypes.includes(characterType));
   (0, _react.useEffect)(() => {
     _reactNative.Animated.spring(slideAnim, {
       toValue: visible ? 0 : 600,
@@ -46,7 +47,10 @@ const Keyboard = ({
       ...props
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Numpad.Numpad, {
       ...props,
-      withBorder: !isBasicMobileLayout
+      style: {
+        borderColor: isBasicMobileLayout ? 'transparent' : _reactNativeUi.COLORS.NEUTRAL_3,
+        paddingLeft: _reactNativeUi.SPACING[isAlgebraMobileLayout ? 200 : 800]
+      }
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_keyboardLayouts","_types","_Numpad","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Keyboard","style","characterType","visible","props","slideAnim","useRef","Animated","Value","current","width","useWindowDimensions","Layout","getLayoutByCharType","isBasicMobileLayout","MAX_WIDTH_FOR_MOBILE_LAYOUT","KEYBOARD_LAYOUTS","KeyboardType","Basic","characterTypes","includes","useEffect","spring","toValue","stiffness","damping","mass","velocity","useNativeDriver","start","jsxs","View","styles","container","transform","translateY","children","jsx","Numpad","withBorder","exports","StyleSheet","create","flexDirection","alignItems","justifyContent","backgroundColor","COLORS","NEUTRAL_2","borderRadius","paddingTop","paddingHorizontal","paddingBottom","borderColor","NEUTRAL_5","borderWidth","overflow","minHeight","SHADOWS"],"sourceRoot":"../../../../../src","sources":["features/keyboard/components/Keyboard.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_keyboardLayouts","_types","_Numpad","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Keyboard","style","characterType","visible","props","slideAnim","useRef","Animated","Value","current","width","useWindowDimensions","Layout","getLayoutByCharType","isBasicMobileLayout","MAX_WIDTH_FOR_MOBILE_LAYOUT","KEYBOARD_LAYOUTS","KeyboardType","Basic","characterTypes","includes","isAlgebraMobileLayout","AlgebraAdvanced","BasicExtended","useEffect","spring","toValue","stiffness","damping","mass","velocity","useNativeDriver","start","jsxs","View","styles","container","transform","translateY","children","jsx","Numpad","borderColor","COLORS","NEUTRAL_3","paddingLeft","SPACING","exports","StyleSheet","create","flexDirection","alignItems","justifyContent","backgroundColor","NEUTRAL_2","borderRadius","paddingTop","paddingHorizontal","paddingBottom","NEUTRAL_5","borderWidth","overflow","minHeight","SHADOWS"],"sourceRoot":"../../../../../src","sources":["features/keyboard/components/Keyboard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -14,15 +14,13 @@ var _helpers = require("../../helpers.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Numpad = ({
-  withBorder = true,
+  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, withBorder && {
-      borderColor: _reactNativeUi.COLORS.NEUTRAL_3
-    }],
+    style: [styles.container, style],
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeysList.KeysList, {
       keys: keyboardGroup.keys,
       numOfRows: 3,

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","withBorder","props","t","useText","keyboardGroup","getKeyboardGroup","KeyboardType","jsx","View","style","styles","container","borderColor","COLORS","NEUTRAL_3","children","KeysList","keys","numOfRows","keysContainer","option","text","keyText","button","keyButton","IS_MOBILE","flexBasis","optionContainer","exports","StyleSheet","create","borderLeftWidth","paddingLeft","SPACING","marginLeft","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;AAMzC,MAAMG,MAAM,GAAGA,CAAC;EAAEC,UAAU,GAAG,IAAI;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACtE,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;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEX,UAAU,IAAI;MAAEY,WAAW,EAAEC,qBAAM,CAACC;IAAU,CAAC,CAAE;IAAAC,QAAA,eAC/E,IAAApB,WAAA,CAAAY,GAAA,EAAClB,SAAA,CAAA2B,QAAQ;MACPC,IAAI,EAAEb,aAAa,CAACa,IAAK;MACzBC,SAAS,EAAE,CAAE;MACbT,KAAK,EAAE;QACLE,SAAS,EAAED,MAAM,CAACS,aAAa;QAC/BC,MAAM,EAAE;UACNC,IAAI,EAAEX,MAAM,CAACY,OAAO;UACpBC,MAAM,EAAEb,MAAM,CAACc,SAAS;UACxBb,SAAS,EAAEc,wBAAS,GAAG;YAAEC,SAAS,EAAE;UAAG,CAAC,GAAGhB,MAAM,CAACiB;QACpD;MACF,CAAE;MAAA,GACE1B;IAAK,CACV;EAAC,CACE,CAAC;AAEX,CAAC;AAAA2B,OAAA,CAAA7B,MAAA,GAAAA,MAAA;AAED,MAAMW,MAAM,GAAGmB,uBAAU,CAACC,MAAM,CAAC;EAC/BnB,SAAS,EAAE;IACToB,eAAe,EAAE,CAAC;IAClBnB,WAAW,EAAE,aAAa;IAC1BoB,WAAW,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACzBC,UAAU,EAAE;EACd,CAAC;EACDf,aAAa,EAAE;IACbgB,OAAO,EAAE,MAAM;IACfC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,CAAC;IACbZ,SAAS,EAAE,MAAM;IACjBa,GAAG,EAAE;EACP,CAAC;EACDjB,OAAO,EAAE;IACPkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDjB,SAAS,EAAE;IACTY,KAAK,EAAE;EACT,CAAC;EACDT,eAAe,EAAE;IACfU,QAAQ,EAAE,CAAC;IACXX,SAAS,EAAE;EACb;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","option","text","keyText","button","keyButton","IS_MOBILE","flexBasis","optionContainer","exports","StyleSheet","create","borderLeftWidth","borderColor","paddingLeft","SPACING","marginLeft","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;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,aAAa;QAC/BC,MAAM,EAAE;UACNC,IAAI,EAAER,MAAM,CAACS,OAAO;UACpBC,MAAM,EAAEV,MAAM,CAACW,SAAS;UACxBV,SAAS,EAAEW,wBAAS,GAAG;YAAEC,SAAS,EAAE;UAAG,CAAC,GAAGb,MAAM,CAACc;QACpD;MACF,CAAE;MAAA,GACEtB;IAAK,CACV;EAAC,CACE,CAAC;AAEX,CAAC;AAAAuB,OAAA,CAAAzB,MAAA,GAAAA,MAAA;AAED,MAAMU,MAAM,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTiB,eAAe,EAAE,CAAC;IAClBC,WAAW,EAAE,aAAa;IAC1BC,WAAW,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACzBC,UAAU,EAAE;EACd,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,CAAC;EACDV,eAAe,EAAE;IACfW,QAAQ,EAAE,CAAC;IACXZ,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/keyboard/constants.js

@@ -9,5 +9,5 @@ const DEFAULT_KEY_ICON_PROPS = exports.DEFAULT_KEY_ICON_PROPS = {
   size: 16,
   color: _reactNativeUi.COLORS.NEUTRAL_9
 };
-const MAX_WIDTH_FOR_MOBILE_LAYOUT = exports.MAX_WIDTH_FOR_MOBILE_LAYOUT = 1180;
+const MAX_WIDTH_FOR_MOBILE_LAYOUT = exports.MAX_WIDTH_FOR_MOBILE_LAYOUT = 1280;
 //# sourceMappingURL=constants.js.map

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

@@ -2,7 +2,7 @@
 
 import React, { useEffect, useRef } from 'react';
 import { Animated, StyleSheet, useWindowDimensions } from 'react-native';
-import { COLORS, SHADOWS } from '@magmamath/react-native-ui';
+import { COLORS, SHADOWS, SPACING } from '@magmamath/react-native-ui';
 import { getLayoutByCharType, KEYBOARD_LAYOUTS } from "../constants/keyboardLayouts.js";
 import { KeyboardType } from "../types/types.js";
 import { Numpad } from "./Numpad/Numpad.js";
@@ -20,6 +20,7 @@ export const Keyboard = ({
   } = useWindowDimensions();
   const Layout = getLayoutByCharType(characterType);
   const isBasicMobileLayout = characterType && width <= MAX_WIDTH_FOR_MOBILE_LAYOUT && KEYBOARD_LAYOUTS[KeyboardType.Basic].characterTypes.includes(characterType);
+  const isAlgebraMobileLayout = characterType && width <= MAX_WIDTH_FOR_MOBILE_LAYOUT && (KEYBOARD_LAYOUTS[KeyboardType.AlgebraAdvanced].characterTypes.includes(characterType) || KEYBOARD_LAYOUTS[KeyboardType.BasicExtended].characterTypes.includes(characterType));
   useEffect(() => {
     Animated.spring(slideAnim, {
       toValue: visible ? 0 : 600,
@@ -40,7 +41,10 @@ export const Keyboard = ({
       ...props
     }), /*#__PURE__*/_jsx(Numpad, {
       ...props,
-      withBorder: !isBasicMobileLayout
+      style: {
+        borderColor: isBasicMobileLayout ? 'transparent' : COLORS.NEUTRAL_3,
+        paddingLeft: SPACING[isAlgebraMobileLayout ? 200 : 800]
+      }
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","Animated","StyleSheet","useWindowDimensions","COLORS","SHADOWS","getLayoutByCharType","KEYBOARD_LAYOUTS","KeyboardType","Numpad","MAX_WIDTH_FOR_MOBILE_LAYOUT","jsx","_jsx","jsxs","_jsxs","Keyboard","style","characterType","visible","props","slideAnim","Value","current","width","Layout","isBasicMobileLayout","Basic","characterTypes","includes","spring","toValue","stiffness","damping","mass","velocity","useNativeDriver","start","View","styles","container","transform","translateY","children","withBorder","create","flexDirection","alignItems","justifyContent","backgroundColor","NEUTRAL_2","borderRadius","paddingTop","paddingHorizontal","paddingBottom","borderColor","NEUTRAL_5","borderWidth","overflow","minHeight"],"sourceRoot":"../../../../../src","sources":["features/keyboard/components/Keyboard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,QAAQ,EAAaC,UAAU,EAAEC,mBAAmB,QAAmB,cAAc;AAC9F,SAASC,MAAM,EAAqBC,OAAO,QAAQ,4BAA4B;AAC/E,SAASC,mBAAmB,EAAEC,gBAAgB,QAAQ,iCAA8B;AACpF,SAAwCC,YAAY,QAAQ,mBAAgB;AAC5E,SAASC,MAAM,QAAQ,oBAAiB;AACxC,SAASC,2BAA2B,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAa1D,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,KAAK;EAAEC,aAAa;EAAEC,OAAO,GAAG,IAAI;EAAE,GAAGC;AAAqB,CAAC,KAAK;EAC7F,MAAMC,SAAS,GAAGpB,MAAM,CAAC,IAAIC,QAAQ,CAACoB,KAAK,CAAC,GAAG,CAAC,CAAC,CAACC,OAAO;EACzD,MAAM;IAAEC;EAAM,CAAC,GAAGpB,mBAAmB,CAAC,CAAC;EACvC,MAAMqB,MAAM,GAAGlB,mBAAmB,CAACW,aAAa,CAAC;EACjD,MAAMQ,mBAAmB,GACvBR,aAAa,IACbM,KAAK,IAAIb,2BAA2B,IACpCH,gBAAgB,CAACC,YAAY,CAACkB,KAAK,CAAC,CAACC,cAAc,CAACC,QAAQ,CAACX,aAAa,CAAC;EAE7ElB,SAAS,CAAC,MAAM;IACdE,QAAQ,CAAC4B,MAAM,CAACT,SAAS,EAAE;MACzBU,OAAO,EAAEZ,OAAO,GAAG,CAAC,GAAG,GAAG;MAC1Ba,SAAS,EAAEb,OAAO,GAAG,GAAG,GAAG,GAAG;MAC9Bc,OAAO,EAAEd,OAAO,GAAG,EAAE,GAAG,EAAE;MAC1Be,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAAClB,OAAO,CAAC,CAAC;EAEb,oBACEJ,KAAA,CAACb,QAAQ,CAACoC,IAAI;IACZrB,KAAK,EAAE,CACLsB,MAAM,CAACC,SAAS,EAChBvB,KAAK,EACL;MACEwB,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAErB;MAAU,CAAC;IACvC,CAAC,CACD;IAAAsB,QAAA,gBAEF9B,IAAA,CAACY,MAAM;MAAA,GAAKL;IAAK,CAAG,CAAC,eACrBP,IAAA,CAACH,MAAM;MAAA,GAAKU,KAAK;MAAEwB,UAAU,EAAE,CAAClB;IAAoB,CAAE,CAAC;EAAA,CAC1C,CAAC;AAEpB,CAAC;AAED,MAAMa,MAAM,GAAGpC,UAAU,CAAC0C,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBC,cAAc,EAAE,eAAe;IAC/BC,eAAe,EAAE5C,MAAM,CAAC6C,SAAS;IACjCC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,CAAC;IACbC,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,EAAE;IACjBC,WAAW,EAAElD,MAAM,CAACmD,SAAS;IAC7BC,WAAW,EAAE,CAAC;IACdjC,KAAK,EAAE,MAAM;IACbkC,QAAQ,EAAE,QAAQ;IAClBC,SAAS,EAAE,GAAG;IACd,GAAGrD,OAAO,CAAC,CAAC;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","Animated","StyleSheet","useWindowDimensions","COLORS","SHADOWS","SPACING","getLayoutByCharType","KEYBOARD_LAYOUTS","KeyboardType","Numpad","MAX_WIDTH_FOR_MOBILE_LAYOUT","jsx","_jsx","jsxs","_jsxs","Keyboard","style","characterType","visible","props","slideAnim","Value","current","width","Layout","isBasicMobileLayout","Basic","characterTypes","includes","isAlgebraMobileLayout","AlgebraAdvanced","BasicExtended","spring","toValue","stiffness","damping","mass","velocity","useNativeDriver","start","View","styles","container","transform","translateY","children","borderColor","NEUTRAL_3","paddingLeft","create","flexDirection","alignItems","justifyContent","backgroundColor","NEUTRAL_2","borderRadius","paddingTop","paddingHorizontal","paddingBottom","NEUTRAL_5","borderWidth","overflow","minHeight"],"sourceRoot":"../../../../../src","sources":["features/keyboard/components/Keyboard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,21 +3,19 @@
 import React from 'react';
 import { KeysList } from "../KeysList/KeysList.js";
 import { StyleSheet, View } from 'react-native';
-import { COLORS, SPACING, IS_MOBILE } from '@magmamath/react-native-ui';
+import { SPACING, IS_MOBILE } from '@magmamath/react-native-ui';
 import { KeyboardType } from "../../types/types.js";
 import { useText } from "../../../../shared/translation/index.js";
 import { getKeyboardGroup } from "../../helpers.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Numpad = ({
-  withBorder = true,
+  style,
   ...props
 }) => {
   const t = useText();
   const keyboardGroup = getKeyboardGroup(t('locale'), KeyboardType.Numpad);
   return /*#__PURE__*/_jsx(View, {
-    style: [styles.container, withBorder && {
-      borderColor: COLORS.NEUTRAL_3
-    }],
+    style: [styles.container, style],
     children: /*#__PURE__*/_jsx(KeysList, {
       keys: keyboardGroup.keys,
       numOfRows: 3,

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

@@ -1 +1 @@
-{"version":3,"names":["React","KeysList","StyleSheet","View","COLORS","SPACING","IS_MOBILE","KeyboardType","useText","getKeyboardGroup","jsx","_jsx","Numpad","withBorder","props","t","keyboardGroup","style","styles","container","borderColor","NEUTRAL_3","children","keys","numOfRows","keysContainer","option","text","keyText","button","keyButton","flexBasis","optionContainer","create","borderLeftWidth","paddingLeft","marginLeft","display","width","flexGrow","flexShrink","gap","fontSize","fontWeight"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/Numpad/Numpad.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,OAAO,EAAEC,SAAS,QAAQ,4BAA4B;AACvE,SAA8BC,YAAY,QAAQ,sBAAmB;AACrE,SAAiBC,OAAO,QAAQ,yCAAgC;AAChE,SAASC,gBAAgB,QAAQ,kBAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMhD,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,UAAU,GAAG,IAAI;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACtE,MAAMC,CAAC,GAAGP,OAAO,CAAC,CAAC;EACnB,MAAMQ,aAAa,GAAGP,gBAAgB,CAACM,CAAC,CAAC,QAAQ,CAAC,EAAYR,YAAY,CAACK,MAAM,CAAC;EAElF,oBACED,IAAA,CAACR,IAAI;IAACc,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEN,UAAU,IAAI;MAAEO,WAAW,EAAEhB,MAAM,CAACiB;IAAU,CAAC,CAAE;IAAAC,QAAA,eAC/EX,IAAA,CAACV,QAAQ;MACPsB,IAAI,EAAEP,aAAa,CAACO,IAAK;MACzBC,SAAS,EAAE,CAAE;MACbP,KAAK,EAAE;QACLE,SAAS,EAAED,MAAM,CAACO,aAAa;QAC/BC,MAAM,EAAE;UACNC,IAAI,EAAET,MAAM,CAACU,OAAO;UACpBC,MAAM,EAAEX,MAAM,CAACY,SAAS;UACxBX,SAAS,EAAEb,SAAS,GAAG;YAAEyB,SAAS,EAAE;UAAG,CAAC,GAAGb,MAAM,CAACc;QACpD;MACF,CAAE;MAAA,GACElB;IAAK,CACV;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGhB,UAAU,CAAC+B,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,eAAe,EAAE,CAAC;IAClBd,WAAW,EAAE,aAAa;IAC1Be,WAAW,EAAE9B,OAAO,CAAC,GAAG,CAAC;IACzB+B,UAAU,EAAE;EACd,CAAC;EACDX,aAAa,EAAE;IACbY,OAAO,EAAE,MAAM;IACfC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,CAAC;IACbT,SAAS,EAAE,MAAM;IACjBU,GAAG,EAAE;EACP,CAAC;EACDb,OAAO,EAAE;IACPc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDb,SAAS,EAAE;IACTQ,KAAK,EAAE;EACT,CAAC;EACDN,eAAe,EAAE;IACfO,QAAQ,EAAE,CAAC;IACXR,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","KeysList","StyleSheet","View","SPACING","IS_MOBILE","KeyboardType","useText","getKeyboardGroup","jsx","_jsx","Numpad","style","props","t","keyboardGroup","styles","container","children","keys","numOfRows","keysContainer","option","text","keyText","button","keyButton","flexBasis","optionContainer","create","borderLeftWidth","borderColor","paddingLeft","marginLeft","display","width","flexGrow","flexShrink","gap","fontSize","fontWeight"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/Numpad/Numpad.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,yBAAsB;AAC/C,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACrE,SAASC,OAAO,EAAEC,SAAS,QAAQ,4BAA4B;AAC/D,SAA8BC,YAAY,QAAQ,sBAAmB;AACrE,SAAiBC,OAAO,QAAQ,yCAAgC;AAChE,SAASC,gBAAgB,QAAQ,kBAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMhD,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAmB,CAAC,KAAK;EAC1D,MAAMC,CAAC,GAAGP,OAAO,CAAC,CAAC;EACnB,MAAMQ,aAAa,GAAGP,gBAAgB,CAACM,CAAC,CAAC,QAAQ,CAAC,EAAYR,YAAY,CAACK,MAAM,CAAC;EAElF,oBACED,IAAA,CAACP,IAAI;IAACS,KAAK,EAAE,CAACI,MAAM,CAACC,SAAS,EAAEL,KAAK,CAAE;IAAAM,QAAA,eACrCR,IAAA,CAACT,QAAQ;MACPkB,IAAI,EAAEJ,aAAa,CAACI,IAAK;MACzBC,SAAS,EAAE,CAAE;MACbR,KAAK,EAAE;QACLK,SAAS,EAAED,MAAM,CAACK,aAAa;QAC/BC,MAAM,EAAE;UACNC,IAAI,EAAEP,MAAM,CAACQ,OAAO;UACpBC,MAAM,EAAET,MAAM,CAACU,SAAS;UACxBT,SAAS,EAAEZ,SAAS,GAAG;YAAEsB,SAAS,EAAE;UAAG,CAAC,GAAGX,MAAM,CAACY;QACpD;MACF,CAAE;MAAA,GACEf;IAAK,CACV;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAGd,UAAU,CAAC2B,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,eAAe,EAAE,CAAC;IAClBC,WAAW,EAAE,aAAa;IAC1BC,WAAW,EAAE5B,OAAO,CAAC,GAAG,CAAC;IACzB6B,UAAU,EAAE;EACd,CAAC;EACDZ,aAAa,EAAE;IACba,OAAO,EAAE,MAAM;IACfC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,CAAC;IACbV,SAAS,EAAE,MAAM;IACjBW,GAAG,EAAE;EACP,CAAC;EACDd,OAAO,EAAE;IACPe,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDd,SAAS,EAAE;IACTS,KAAK,EAAE;EACT,CAAC;EACDP,eAAe,EAAE;IACfQ,QAAQ,EAAE,CAAC;IACXT,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/keyboard/constants.js

@@ -5,5 +5,5 @@ export const DEFAULT_KEY_ICON_PROPS = {
   size: 16,
   color: COLORS.NEUTRAL_9
 };
-export const MAX_WIDTH_FOR_MOBILE_LAYOUT = 1180;
+export const MAX_WIDTH_FOR_MOBILE_LAYOUT = 1280;
 //# sourceMappingURL=constants.js.map

package/dist/typescript/commonjs/features/keyboard/components/Keyboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Keyboard.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/components/Keyboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAY,SAAS,EAAmC,SAAS,EAAE,MAAM,cAAc,CAAA;AAC9F,OAAO,EAAU,iBAAiB,EAAW,MAAM,4BAA4B,CAAA;AAE/E,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAgB,MAAM,gBAAgB,CAAA;AAI5E,KAAK,aAAa,GAAG;IACnB,UAAU,EAAE,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACtF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,QAAQ,gDAAwD,aAAa,sBAkCzF,CAAA"}
+{"version":3,"file":"Keyboard.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/components/Keyboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAY,SAAS,EAAmC,SAAS,EAAE,MAAM,cAAc,CAAA;AAC9F,OAAO,EAAU,iBAAiB,EAAoB,MAAM,4BAA4B,CAAA;AAExF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAgB,MAAM,gBAAgB,CAAA;AAI5E,KAAK,aAAa,GAAG;IACnB,UAAU,EAAE,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACtF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,QAAQ,gDAAwD,aAAa,sBA6CzF,CAAA"}

package/dist/typescript/commonjs/features/keyboard/components/Numpad/Numpad.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
 import { KeyboardLayoutProps } from '../../types/types';
 type NumpadProps = {
-    withBorder?: boolean;
+    style?: StyleProp<ViewStyle>;
 } & KeyboardLayoutProps;
-export declare const Numpad: ({ withBorder, ...props }: NumpadProps) => React.JSX.Element;
+export declare const Numpad: ({ style, ...props }: NumpadProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Numpad.d.ts.map

package/dist/typescript/commonjs/features/keyboard/components/Numpad/Numpad.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Numpad.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/Numpad/Numpad.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAA;AAIrE,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,mBAAmB,CAAA;AAEvB,eAAO,MAAM,MAAM,6BAAqC,WAAW,sBAqBlE,CAAA"}
+{"version":3,"file":"Numpad.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/Numpad/Numpad.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAErE,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAA;AAIrE,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,GAAG,mBAAmB,CAAA;AAEvB,eAAO,MAAM,MAAM,wBAAyB,WAAW,sBAqBtD,CAAA"}

package/dist/typescript/commonjs/features/keyboard/constants.d.ts

@@ -2,5 +2,5 @@ export declare const DEFAULT_KEY_ICON_PROPS: {
     readonly size: 16;
     readonly color: "#4d4d63";
 };
-export declare const MAX_WIDTH_FOR_MOBILE_LAYOUT = 1180;
+export declare const MAX_WIDTH_FOR_MOBILE_LAYOUT = 1280;
 //# sourceMappingURL=constants.d.ts.map

package/dist/typescript/module/features/keyboard/components/Keyboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Keyboard.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/components/Keyboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAY,SAAS,EAAmC,SAAS,EAAE,MAAM,cAAc,CAAA;AAC9F,OAAO,EAAU,iBAAiB,EAAW,MAAM,4BAA4B,CAAA;AAE/E,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAgB,MAAM,gBAAgB,CAAA;AAI5E,KAAK,aAAa,GAAG;IACnB,UAAU,EAAE,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACtF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,QAAQ,gDAAwD,aAAa,sBAkCzF,CAAA"}
+{"version":3,"file":"Keyboard.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/components/Keyboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAY,SAAS,EAAmC,SAAS,EAAE,MAAM,cAAc,CAAA;AAC9F,OAAO,EAAU,iBAAiB,EAAoB,MAAM,4BAA4B,CAAA;AAExF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAgB,MAAM,gBAAgB,CAAA;AAI5E,KAAK,aAAa,GAAG;IACnB,UAAU,EAAE,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACtF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,QAAQ,gDAAwD,aAAa,sBA6CzF,CAAA"}

package/dist/typescript/module/features/keyboard/components/Numpad/Numpad.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
 import { KeyboardLayoutProps } from '../../types/types';
 type NumpadProps = {
-    withBorder?: boolean;
+    style?: StyleProp<ViewStyle>;
 } & KeyboardLayoutProps;
-export declare const Numpad: ({ withBorder, ...props }: NumpadProps) => React.JSX.Element;
+export declare const Numpad: ({ style, ...props }: NumpadProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Numpad.d.ts.map

package/dist/typescript/module/features/keyboard/components/Numpad/Numpad.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Numpad.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/Numpad/Numpad.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAA;AAIrE,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,mBAAmB,CAAA;AAEvB,eAAO,MAAM,MAAM,6BAAqC,WAAW,sBAqBlE,CAAA"}
+{"version":3,"file":"Numpad.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/Numpad/Numpad.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAErE,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAA;AAIrE,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,GAAG,mBAAmB,CAAA;AAEvB,eAAO,MAAM,MAAM,wBAAyB,WAAW,sBAqBtD,CAAA"}

package/dist/typescript/module/features/keyboard/constants.d.ts

@@ -2,5 +2,5 @@ export declare const DEFAULT_KEY_ICON_PROPS: {
     readonly size: 16;
     readonly color: "#4d4d63";
 };
-export declare const MAX_WIDTH_FOR_MOBILE_LAYOUT = 1180;
+export declare const MAX_WIDTH_FOR_MOBILE_LAYOUT = 1280;
 //# sourceMappingURL=constants.d.ts.map

package/package.json

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

package/src/features/keyboard/components/Keyboard.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef } from 'react'
 import { Animated, StyleProp, StyleSheet, useWindowDimensions, ViewStyle } from 'react-native'
-import { COLORS, SelectOptionColor, SHADOWS } from '@magmamath/react-native-ui'
+import { COLORS, SelectOptionColor, SHADOWS, SPACING } from '@magmamath/react-native-ui'
 import { getLayoutByCharType, KEYBOARD_LAYOUTS } from '../constants/keyboardLayouts'
 import { KeyboardKey, KeyboardKeyValue, KeyboardType } from '../types/types'
 import { Numpad } from './Numpad/Numpad'
@@ -25,6 +25,11 @@ export const Keyboard = ({ style, characterType, visible = true, ...props }: Key
     characterType &&
     width <= MAX_WIDTH_FOR_MOBILE_LAYOUT &&
     KEYBOARD_LAYOUTS[KeyboardType.Basic].characterTypes.includes(characterType)
+  const isAlgebraMobileLayout =
+    characterType &&
+    width <= MAX_WIDTH_FOR_MOBILE_LAYOUT &&
+    (KEYBOARD_LAYOUTS[KeyboardType.AlgebraAdvanced].characterTypes.includes(characterType) ||
+      KEYBOARD_LAYOUTS[KeyboardType.BasicExtended].characterTypes.includes(characterType))
 
   useEffect(() => {
     Animated.spring(slideAnim, {
@@ -48,7 +53,13 @@ export const Keyboard = ({ style, characterType, visible = true, ...props }: Key
       ]}
     >
       <Layout {...props} />
-      <Numpad {...props} withBorder={!isBasicMobileLayout} />
+      <Numpad
+        {...props}
+        style={{
+          borderColor: isBasicMobileLayout ? 'transparent' : COLORS.NEUTRAL_3,
+          paddingLeft: SPACING[isAlgebraMobileLayout ? 200 : 800],
+        }}
+      />
     </Animated.View>
   )
 }

package/src/features/keyboard/components/Numpad/Numpad.tsx

@@ -1,21 +1,21 @@
 import React from 'react'
 import { KeysList } from '../KeysList/KeysList'
-import { StyleSheet, View } from 'react-native'
-import { COLORS, SPACING, IS_MOBILE } from '@magmamath/react-native-ui'
+import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native'
+import { SPACING, IS_MOBILE } from '@magmamath/react-native-ui'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { Locale, useText } from '../../../../shared/translation'
 import { getKeyboardGroup } from '../../helpers'
 
 type NumpadProps = {
-  withBorder?: boolean
+  style?: StyleProp<ViewStyle>
 } & KeyboardLayoutProps
 
-export const Numpad = ({ withBorder = true, ...props }: NumpadProps) => {
+export const Numpad = ({ style, ...props }: NumpadProps) => {
   const t = useText()
   const keyboardGroup = getKeyboardGroup(t('locale') as Locale, KeyboardType.Numpad)
 
   return (
-    <View style={[styles.container, withBorder && { borderColor: COLORS.NEUTRAL_3 }]}>
+    <View style={[styles.container, style]}>
       <KeysList
         keys={keyboardGroup.keys}
         numOfRows={3}

package/src/features/keyboard/constants.ts

@@ -5,4 +5,4 @@ export const DEFAULT_KEY_ICON_PROPS = {
   color: COLORS.NEUTRAL_9,
 } as const
 
-export const MAX_WIDTH_FOR_MOBILE_LAYOUT = 1180
+export const MAX_WIDTH_FOR_MOBILE_LAYOUT = 1280