@magmamath/students-features 0.9.0-rc21 → 0.9.0-rc23

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnitsLayout/helpers.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,kBAAkB,CAAA;AAChF,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGxC,KAAK,2BAA2B,GAAG;IACjC,YAAY,EAAE,sBAAsB,CAAA;IACpC,cAAc,EAAE,cAAc,CAAA;IAC9B,iBAAiB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;CACpD,CAAA;AAED,eAAO,MAAM,gBAAgB,yDAI1B,2BAA2B;;;;GA2B7B,CAAA"}

package/dist/typescript/module/features/keyboard/components/UnitsLayout/hooks/useUnitTabs.d.ts

@@ -1,3 +1,50 @@
 import { TabOptionProps } from '@magmamath/react-native-ui';
-export declare const useUnitTabs: () => TabOptionProps[];
+import { KeyboardUnitsGroupType } from '../keyboardGroups';
+export declare const useUnitTabs: () => {
+    tabs: ({
+        title: string;
+        style: {
+            paddingLeft: number;
+            paddingRight: number;
+            marginRight: number;
+            paddingHorizontal?: undefined;
+        };
+        titleStyle: {
+            active: {
+                fontStyle: string;
+            };
+        };
+        key: KeyboardUnitsGroupType;
+    } | {
+        title: string;
+        style: {
+            paddingHorizontal: number;
+            paddingLeft?: undefined;
+            paddingRight?: undefined;
+            marginRight?: undefined;
+        };
+        titleStyle: {
+            active: {
+                fontStyle: string;
+            };
+        };
+        key: KeyboardUnitsGroupType;
+    } | {
+        title: string;
+        style: {
+            paddingHorizontal: number;
+            paddingRight: number;
+            paddingLeft?: undefined;
+            marginRight?: undefined;
+        };
+        titleStyle: {
+            active: {
+                fontStyle: string;
+            };
+        };
+        key: KeyboardUnitsGroupType;
+    })[];
+    activeTab: TabOptionProps;
+    setActiveTab: import("react").Dispatch<import("react").SetStateAction<TabOptionProps>>;
+};
 //# sourceMappingURL=useUnitTabs.d.ts.map

package/dist/typescript/module/features/keyboard/components/UnitsLayout/hooks/useUnitTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUnitTabs.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/keyboard/components/UnitsLayout/hooks/useUnitTabs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAGxE,eAAO,MAAM,WAAW,QAAO,cAAc,EA+B5C,CAAA"}
+{"version":3,"file":"useUnitTabs.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/keyboard/components/UnitsLayout/hooks/useUnitTabs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,cAAc,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAE1D,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCvB,CAAA"}

package/dist/typescript/module/features/keyboard/components/UnitsLayout/keyboardGroups.d.ts

@@ -20,5 +20,9 @@ export declare const MATH_ENTRY_VOLUME_UNITS_UK_KEYBOARD_GROUPS: UnitKeyboardGro
 export declare const MATH_ENTRY_WEIGHT_UNITS_SW_KEYBOARD_GROUPS: UnitKeyboardGroups;
 export declare const MATH_ENTRY_WEIGHT_UNITS_US_KEYBOARD_GROUPS: UnitKeyboardGroups;
 export declare const KEYBOARD_UNITS_GROUPS_BY_LOCALE: Record<Locale, Record<KeyboardUnitsGroupType, UnitKeyboardGroups>>;
+export declare const UNITS_KEYBOARD_GROUPS: Map<KeyboardUnitsGroupType, {
+    keys: KeyboardKey[][];
+    icon: ({ size, color }: import("../../../../shared/icons/icon.types").IconProps) => import("react").JSX.Element;
+}>;
 export {};
 //# sourceMappingURL=keyboardGroups.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"keyboardGroups.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnitsLayout/keyboardGroups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAO9D,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAEvD,oBAAY,sBAAsB;IAChC,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,WAAW,EAAE,EAAE,CAAA;CACtB,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;AAE/B,eAAO,MAAM,0CAA0C,EAAE,kBAWxD,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,kBAiBxD,CAAA;AAED,eAAO,MAAM,wCAAwC,EAAE,kBAYtD,CAAA;AAED,eAAO,MAAM,wCAAwC,EAAE,kBAiBtD,CAAA;AAED,eAAO,MAAM,wCAAwC,EAAE,kBAiBtD,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,kBAiBxD,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,kBAoBxD,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,kBAoBxD,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,kBAWxD,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,kBAMxD,CAAA;AAED,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,MAAM,EACN,MAAM,CAAC,sBAAsB,EAAE,kBAAkB,CAAC,CAgCnD,CAAA"}
+{"version":3,"file":"keyboardGroups.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnitsLayout/keyboardGroups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAO9D,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAMvD,oBAAY,sBAAsB;IAChC,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,WAAW,EAAE,EAAE,CAAA;CACtB,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;AAE/B,eAAO,MAAM,0CAA0C,EAAE,kBAWxD,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,kBAiBxD,CAAA;AAED,eAAO,MAAM,wCAAwC,EAAE,kBAYtD,CAAA;AAED,eAAO,MAAM,wCAAwC,EAAE,kBAiBtD,CAAA;AAED,eAAO,MAAM,wCAAwC,EAAE,kBAiBtD,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,kBAiBxD,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,kBAoBxD,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,kBAoBxD,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,kBAWxD,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,kBAMxD,CAAA;AAED,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,MAAM,EACN,MAAM,CAAC,sBAAsB,EAAE,kBAAkB,CAAC,CAgCnD,CAAA;AACD,eAAO,MAAM,qBAAqB;;;EAoBhC,CAAA"}

package/dist/typescript/module/features/keyboard/components/UnitsLayout/types.d.ts

@@ -0,0 +1,5 @@
+export declare enum SelectedLayout {
+    ALGEBRA = "algebra",
+    UNITS = "units"
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnitsLayout/types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB"}

package/dist/typescript/module/features/keyboard/constants/{keysValues.d.ts → keyboardGroupsByLocale.d.ts}

@@ -1,4 +1,4 @@
 import { KeyboardGroup, KeyboardType } from '../types/types';
 import { Locale } from '../../../shared/translation';
 export declare const KEYBOARD_GROUPS_BY_LOCALE: Record<Locale, Record<KeyboardType, KeyboardGroup>>;
-//# sourceMappingURL=keysValues.d.ts.map
+//# sourceMappingURL=keyboardGroupsByLocale.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardGroupsByLocale.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/constants/keyboardGroupsByLocale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AA2B5D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAGpD,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,CA4EzF,CAAA"}

package/dist/typescript/module/features/keyboard/types/MathKeysGroups/basicOperators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basicOperators.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/types/MathKeysGroups/basicOperators.tsx"],"names":[],"mappings":"AAsCA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAOxC,oBAAY,iBAAiB;IAC3B,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,cAAc,mBAAmB;IACjC,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,YAAY,iBAAiB;IAC7B,kBAAkB,uBAAuB;IACzC,qBAAqB,0BAA0B;IAC/C,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,mBAAmB,wBAAwB;IAC3C,aAAa,kBAAkB;IAC/B,KAAK,UAAU;IACf,KAAK,UAAU;IACf,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,cAAc,mBAAmB;IACjC,MAAM,WAAW;IACjB,YAAY,iBAAiB;IAC7B,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,UAAU,eAAe;IACzB,kBAAkB,uBAAuB;IACzC,GAAG,QAAQ;IACX,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,cAAc,mBAAmB;IACjC,QAAQ,aAAa;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,OAAO,iBAAiB,CAyNxE,CAAA"}
+{"version":3,"file":"basicOperators.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/types/MathKeysGroups/basicOperators.tsx"],"names":[],"mappings":"AAsCA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAOxC,oBAAY,iBAAiB;IAC3B,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,cAAc,mBAAmB;IACjC,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,YAAY,iBAAiB;IAC7B,kBAAkB,uBAAuB;IACzC,qBAAqB,0BAA0B;IAC/C,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,mBAAmB,wBAAwB;IAC3C,aAAa,kBAAkB;IAC/B,KAAK,UAAU;IACf,KAAK,UAAU;IACf,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,cAAc,mBAAmB;IACjC,MAAM,WAAW;IACjB,YAAY,iBAAiB;IAC7B,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,UAAU,eAAe;IACzB,kBAAkB,uBAAuB;IACzC,GAAG,QAAQ;IACX,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,cAAc,mBAAmB;IACjC,QAAQ,aAAa;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,OAAO,iBAAiB,CA+NxE,CAAA"}

package/dist/typescript/module/features/keyboard/types/MathKeysGroups/geometry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/types/MathKeysGroups/geometry.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAGxC,oBAAY,mBAAmB;IAC7B,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,aAAa,kBAAkB;IAC/B,MAAM,WAAW;CAClB;AAED,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,OAAO,mBAAmB,CAgC3E,CAAA"}
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/types/MathKeysGroups/geometry.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAIxC,oBAAY,mBAAmB;IAC7B,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,aAAa,kBAAkB;IAC/B,MAAM,WAAW;CAClB;AAED,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,OAAO,mBAAmB,CAsC3E,CAAA"}

package/dist/typescript/module/features/keyboard/types/MathKeysGroups/units.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"units.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/types/MathKeysGroups/units.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAUxC,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAED,oBAAY,cAAc;IACxB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,OAAO,YAAY;CACpB;AAED,oBAAY,YAAY;IACtB,gBAAgB,qBAAqB;IACrC,YAAY,iBAAiB;IAC7B,gBAAgB,qBAAqB;IACrC,iBAAiB,sBAAsB;IACvC,iBAAiB,sBAAsB;IACvC,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,OAAO,YAAY;CACpB;AAED,oBAAY,cAAc;IACxB,eAAe,oBAAoB;IACnC,WAAW,gBAAgB;IAC3B,eAAe,oBAAoB;IACnC,gBAAgB,qBAAqB;IACrC,gBAAgB,qBAAqB;IACrC,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,KAAK,UAAU;IACf,aAAa,kBAAkB;IAC/B,QAAQ,aAAa;IACrB,EAAE,OAAO;IACT,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,EAAE,OAAO;CACV;AAED,oBAAY,cAAc;IACxB,EAAE,OAAO;IACT,CAAC,MAAM;IACP,EAAE,OAAO;IACT,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,CAAC,MAAM;IACP,EAAE,OAAO;IACT,EAAE,OAAO;IACT,GAAG,QAAQ;IACX,EAAE,OAAO;CACV;AAED,oBAAY,YAAY;IACtB,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;IACP,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,eAAO,MAAM,mBAAmB,EAAE,aAAa,CAAC,OAAO,gBAAgB,CAoCtE,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,OAAO,cAAc,CAyKlE,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,aAAa,CAAC,OAAO,YAAY,CA6I9D,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,OAAO,cAAc,CAyRlE,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,OAAO,cAAc,CA6IlE,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,aAAa,CAAC,OAAO,YAAY,CAkE9D,CAAA"}
+{"version":3,"file":"units.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/types/MathKeysGroups/units.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAWxC,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAED,oBAAY,cAAc;IACxB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,OAAO,YAAY;CACpB;AAED,oBAAY,YAAY;IACtB,gBAAgB,qBAAqB;IACrC,YAAY,iBAAiB;IAC7B,gBAAgB,qBAAqB;IACrC,iBAAiB,sBAAsB;IACvC,iBAAiB,sBAAsB;IACvC,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,OAAO,YAAY;CACpB;AAED,oBAAY,cAAc;IACxB,eAAe,oBAAoB;IACnC,WAAW,gBAAgB;IAC3B,eAAe,oBAAoB;IACnC,gBAAgB,qBAAqB;IACrC,gBAAgB,qBAAqB;IACrC,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,KAAK,UAAU;IACf,aAAa,kBAAkB;IAC/B,QAAQ,aAAa;IACrB,EAAE,OAAO;IACT,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,EAAE,OAAO;CACV;AAED,oBAAY,cAAc;IACxB,EAAE,OAAO;IACT,CAAC,MAAM;IACP,EAAE,OAAO;IACT,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,CAAC,MAAM;IACP,EAAE,OAAO;IACT,EAAE,OAAO;IACT,GAAG,QAAQ;IACX,EAAE,OAAO;CACV;AAED,oBAAY,YAAY;IACtB,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;IACP,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AA8BD,eAAO,MAAM,mBAAmB,EAAE,aAAa,CAAC,OAAO,gBAAgB,CAqCtE,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,OAAO,cAAc,CA0ElE,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,aAAa,CAAC,OAAO,YAAY,CAsE9D,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,OAAO,cAAc,CAmIlE,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,OAAO,cAAc,CA6DlE,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,aAAa,CAAC,OAAO,YAAY,CAkE9D,CAAA"}

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

@@ -19,6 +19,7 @@ export type KeyboardKey = {
     isSpecialSymbol?: boolean;
     mathliveValue?: string;
     spreadsheetValue?: string;
+    mathQuillValue?: string;
     icon?: ReactNode;
     style?: ButtonStyle;
 };
@@ -28,6 +29,7 @@ export type KeyboardKeyValue = {
     mathliveValue?: string;
     isSpecialSymbol?: boolean;
     spreadsheetValue?: string;
+    mathQuillValue?: string;
 };
 export type KeyboardGroup = {
     id: string;
@@ -38,7 +40,6 @@ export type KeyboardGroup = {
 export type KeyboardLayoutProps = {
     onKeyPress: (key: KeyboardKeyValue) => void;
     color?: SelectOptionColor;
-    isSpecialButtonsDisabled?: boolean;
     isDisabled?: boolean;
     disabledKeys?: KeyboardKey[];
 };

package/dist/typescript/module/features/keyboard/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD,0BAAkB,YAAY;IAC5B,eAAe,oBAAoB;IACnC,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,UAAU,eAAe;IACzB,aAAa,kBAAkB;IAC/B,mBAAmB,wBAAwB;IAC3C,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,qBAAqB,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI;KAC3D,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW;CACpC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD,0BAAkB,YAAY;IAC5B,eAAe,oBAAoB;IACnC,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,UAAU,eAAe;IACzB,aAAa,kBAAkB;IAC/B,mBAAmB,wBAAwB;IAC3C,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,qBAAqB,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI;KAC3D,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW;CACpC,CAAA"}

package/package.json

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

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

@@ -3,25 +3,26 @@ import { KeysList } from '../KeysList/KeysList'
 import { StyleSheet, useWindowDimensions, View } from 'react-native'
 import { COLORS, SelectGroup, SelectOptionSize, IS_MOBILE } from '@magmamath/react-native-ui'
 import { Locale, useText } from '../../../../shared/translation'
-import { KEYBOARD_GROUPS_BY_LOCALE } from '../../constants/keysValues'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { MOBILE_LAYOUT_WIDTH } from '../../constants/constants'
-import { useLayoutOptions } from './useLayoutOptions'
 import { SelectedLayout } from './types'
+import { getKeyboardGroup } from '../../helpers'
+import { getSelectOptions } from './helpers'
 
 export const AlgebraLayout = (props: KeyboardLayoutProps) => {
   const [selectedLayout, setSelectedLayout] = useState<SelectedLayout>(SelectedLayout.BASIC)
   const t = useText()
   const { width } = useWindowDimensions()
-  const selectOptions = useLayoutOptions(selectedLayout, setSelectedLayout)
-  const isDesktop = width > MOBILE_LAYOUT_WIDTH
+  const selectOptions = getSelectOptions(selectedLayout, setSelectedLayout)
+  const isDesktop = width > MOBILE_LAYOUT_WIDTH && !IS_MOBILE
   const locale = t('locale') as Locale
 
   const keyboardGroups = useMemo(() => {
-    const algebra = KEYBOARD_GROUPS_BY_LOCALE[locale][KeyboardType.AlgebraAdvanced]
-    const basic = isDesktop
-      ? KEYBOARD_GROUPS_BY_LOCALE[locale][KeyboardType.BasicPlusPlus]
-      : KEYBOARD_GROUPS_BY_LOCALE[locale][KeyboardType.BasicPlusPlusMobile]
+    const algebra = getKeyboardGroup(locale, KeyboardType.AlgebraAdvanced)
+    const basic = getKeyboardGroup(
+      locale,
+      isDesktop ? KeyboardType.BasicPlusPlus : KeyboardType.BasicPlusPlusMobile,
+    )
 
     return new Map([
       [SelectedLayout.BASIC, basic],

package/src/features/keyboard/components/AlgebraLayout/helpers.tsx

@@ -0,0 +1,39 @@
+import React, { ReactNode } from 'react'
+import { COLORS } from '@magmamath/react-native-ui'
+import { AlgebraIcon } from '../../../../shared/icons/AlgebraIcon'
+import { IntegralABIcon } from '../../../../shared/icons/MATH/IntegralABIcon/IntegralABIcon'
+import { SelectedLayout } from './types'
+
+type LayoutOption = {
+  key: SelectedLayout
+  title: ReactNode
+  onPressIn: () => void
+}
+
+export function getSelectOptions(
+  selectedLayout: SelectedLayout,
+  setSelectedLayout: (layout: SelectedLayout) => void,
+): LayoutOption[] {
+  return [
+    {
+      key: SelectedLayout.BASIC,
+      title: (
+        <AlgebraIcon
+          color={selectedLayout === SelectedLayout.BASIC ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9}
+          size={22}
+        />
+      ),
+      onPressIn: () => setSelectedLayout(SelectedLayout.BASIC),
+    },
+    {
+      key: SelectedLayout.ALGEBRA,
+      title: (
+        <IntegralABIcon
+          color={selectedLayout === SelectedLayout.ALGEBRA ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9}
+          size={25}
+        />
+      ),
+      onPressIn: () => setSelectedLayout(SelectedLayout.ALGEBRA),
+    },
+  ]
+}

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

@@ -4,15 +4,17 @@ import { StyleSheet, useWindowDimensions, View } from 'react-native'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { MOBILE_LAYOUT_WIDTH } from '../../constants/constants'
 import { Locale, useText } from '../../../../shared/translation'
-import { KEYBOARD_GROUPS_BY_LOCALE } from '../../constants/keysValues'
+import { KEYBOARD_GROUPS_BY_LOCALE } from '../../constants/keyboardGroupsByLocale'
+import { IS_MOBILE } from '@magmamath/react-native-ui'
 
 export const BasicLayout = (props: KeyboardLayoutProps & PropsWithChildren) => {
   const t = useText()
   const keysByLocale = KEYBOARD_GROUPS_BY_LOCALE[t('locale') as Locale][KeyboardType.Basic]
   const keys = props.children ? keysByLocale.keys : keysByLocale.keys.slice(0, -1)
   const { width } = useWindowDimensions()
+  const isMobile = width <= MOBILE_LAYOUT_WIDTH || IS_MOBILE
 
-  if (width <= MOBILE_LAYOUT_WIDTH && !props.children) {
+  if (isMobile && !props.children) {
     return null
   }
 

package/src/features/keyboard/components/BasicLayout/CurrencyBasicLayout.tsx

@@ -3,11 +3,11 @@ import { KeysList } from '../KeysList/KeysList'
 import { BasicLayout } from './BasicLayout'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { Locale, useText } from '../../../../shared/translation'
-import { KEYBOARD_GROUPS_BY_LOCALE } from '../../constants/keysValues'
+import { getKeyboardGroup } from '../../helpers'
 
 export const CurrencyBasicLayout = (props: KeyboardLayoutProps) => {
   const t = useText()
-  const keysGroup = KEYBOARD_GROUPS_BY_LOCALE[t('locale') as Locale][KeyboardType.BasicCurrency]
+  const keysGroup = getKeyboardGroup(t('locale') as Locale, KeyboardType.BasicCurrency)
 
   return (
     <BasicLayout {...props}>

package/src/features/keyboard/components/BasicLayout/TimeBasicLayout.tsx

@@ -4,11 +4,12 @@ import { StyleSheet } from 'react-native'
 import { BasicLayout } from './BasicLayout'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { useText, Locale } from '../../../../shared/translation'
-import { KEYBOARD_GROUPS_BY_LOCALE } from '../../constants/keysValues'
+import { getKeyboardGroup } from '../../helpers'
+import { IS_MOBILE } from '@magmamath/react-native-ui'
 
 export const TimeBasicLayout = (props: KeyboardLayoutProps) => {
   const t = useText()
-  const keysGroup = KEYBOARD_GROUPS_BY_LOCALE[t('locale') as Locale][KeyboardType.BasicTime]
+  const keysGroup = getKeyboardGroup(t('locale') as Locale, KeyboardType.BasicTime)
 
   return (
     <BasicLayout {...props}>
@@ -19,6 +20,7 @@ export const TimeBasicLayout = (props: KeyboardLayoutProps) => {
           option: {
             text: styles.text,
             button: styles.button,
+            container: styles.container,
           },
         }}
         {...props}
@@ -29,7 +31,10 @@ export const TimeBasicLayout = (props: KeyboardLayoutProps) => {
 
 const styles = StyleSheet.create({
   button: {
-    width: 45,
+    width: IS_MOBILE ? 50 : 45,
+  },
+  container: {
+    flexBasis: IS_MOBILE ? 55 : 'auto',
   },
   text: {
     fontSize: 14,

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

@@ -3,16 +3,19 @@ import { KeysList } from '../KeysList/KeysList'
 import { StyleSheet, useWindowDimensions, View } from 'react-native'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { Locale, useText } from '../../../../shared/translation'
-import { KEYBOARD_GROUPS_BY_LOCALE } from '../../constants/keysValues'
 import { MOBILE_LAYOUT_WIDTH } from '../../constants/constants'
+import { getKeyboardGroup } from '../../helpers'
+import { IS_MOBILE } from '@magmamath/react-native-ui'
 
 export const BasicPlusLayout = (props: KeyboardLayoutProps) => {
   const t = useText()
   const { width } = useWindowDimensions()
-  const keysGroup =
-    width > MOBILE_LAYOUT_WIDTH
-      ? KEYBOARD_GROUPS_BY_LOCALE[t('locale') as Locale][KeyboardType.BasicPlus]
-      : KEYBOARD_GROUPS_BY_LOCALE[t('locale') as Locale][KeyboardType.BasicPlusMobile]
+  const locale = t('locale') as Locale
+  const isDesktop = width > MOBILE_LAYOUT_WIDTH && !IS_MOBILE
+  const keysGroup = getKeyboardGroup(
+    locale,
+    isDesktop ? KeyboardType.BasicPlus : KeyboardType.BasicPlusMobile,
+  )
 
   return (
     <View style={styles.container}>
@@ -28,18 +31,4 @@ const styles = StyleSheet.create({
     gap: 16,
     paddingRight: 16,
   },
-  keysContainer: {
-    gap: 10,
-  },
-  option: {
-    width: 40,
-  },
-  optionContainer: {
-    flexGrow: 0,
-    flexBasis: 'auto',
-  },
-  text: {
-    fontStyle: 'italic',
-    fontWeight: 700,
-  },
 })

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

@@ -3,16 +3,19 @@ import { StyleSheet, useWindowDimensions, View } from 'react-native'
 import { KeysList } from '../KeysList/KeysList'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { Locale, useText } from '../../../../shared/translation'
-import { KEYBOARD_GROUPS_BY_LOCALE } from '../../constants/keysValues'
 import { MOBILE_LAYOUT_WIDTH } from '../../constants/constants'
+import { getKeyboardGroup } from '../../helpers'
+import { IS_MOBILE } from '@magmamath/react-native-ui'
 
 export const BasicPlusPlusLayout = (props: KeyboardLayoutProps) => {
   const t = useText()
   const { width } = useWindowDimensions()
-  const keysGroup =
-    width > MOBILE_LAYOUT_WIDTH
-      ? KEYBOARD_GROUPS_BY_LOCALE[t('locale') as Locale][KeyboardType.BasicPlusPlus]
-      : KEYBOARD_GROUPS_BY_LOCALE[t('locale') as Locale][KeyboardType.BasicPlusPlusMobile]
+  const locale = t('locale') as Locale
+  const isDesktop = width > MOBILE_LAYOUT_WIDTH && !IS_MOBILE
+  const keysGroup = getKeyboardGroup(
+    locale,
+    isDesktop ? KeyboardType.BasicPlusPlus : KeyboardType.BasicPlusPlusMobile,
+  )
 
   return (
     <View style={styles.container}>

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

@@ -1,6 +1,6 @@
 import React, { useEffect, useMemo, useRef } from 'react'
 import { Animated, StyleProp, StyleSheet, useWindowDimensions, ViewStyle } from 'react-native'
-import { COLORS, SelectOptionColor, SHADOWS, SPACING } from '@magmamath/react-native-ui'
+import { COLORS, IS_MOBILE, 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'
@@ -11,36 +11,37 @@ type KeyboardProps = {
   characterType?: number
   style?: StyleProp<ViewStyle>
   color?: SelectOptionColor
-  visible?: boolean
-  isSpecialButtonsDisabled?: boolean
+  isVisible?: boolean
   isDisabled?: boolean
   disabledKeys?: KeyboardKey[]
 }
 
-export const Keyboard = ({ style, characterType, visible = true, ...props }: KeyboardProps) => {
+export const Keyboard = ({ style, characterType, isVisible = true, ...props }: KeyboardProps) => {
   const slideAnim = useRef(new Animated.Value(600)).current
   const { width } = useWindowDimensions()
+  const isMobile = width <= MOBILE_LAYOUT_WIDTH || IS_MOBILE
+
   const Layout = useMemo(() => getLayoutByCharType(characterType), [characterType])
   const isBasicMobileLayout =
     characterType &&
-    width <= MOBILE_LAYOUT_WIDTH &&
+    isMobile &&
     KEYBOARD_LAYOUTS[KeyboardType.Basic].characterTypes.includes(characterType)
   const isAlgebraMobileLayout =
     characterType &&
-    width <= MOBILE_LAYOUT_WIDTH &&
+    isMobile &&
     (KEYBOARD_LAYOUTS[KeyboardType.AlgebraAdvanced].characterTypes.includes(characterType) ||
       KEYBOARD_LAYOUTS[KeyboardType.BasicPlus].characterTypes.includes(characterType))
 
   useEffect(() => {
     Animated.spring(slideAnim, {
-      toValue: visible ? 0 : 600,
-      stiffness: visible ? 320 : 720,
-      damping: visible ? 40 : 60,
+      toValue: isVisible ? 0 : 600,
+      stiffness: isVisible ? 320 : 720,
+      damping: isVisible ? 40 : 60,
       mass: 1,
       velocity: 0,
       useNativeDriver: true,
     }).start()
-  }, [visible])
+  }, [isVisible])
 
   return (
     <Animated.View

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

@@ -8,6 +8,7 @@ import {
 } from '@magmamath/react-native-ui'
 import { KeyboardKey, KeyboardLayoutProps } from '../../types/types'
 import { mapKeyToOption } from './helpers'
+import { IS_MOBILE } from '@magmamath/react-native-ui'
 
 type KeysListProps = {
   keys: KeyboardKey[]
@@ -25,7 +26,6 @@ export const KeysList = ({
   numOfRows,
   style,
   onKeyPress,
-  isSpecialButtonsDisabled,
   isDisabled,
   disabledKeys,
 }: KeysListProps) => {
@@ -35,12 +35,11 @@ export const KeysList = ({
         mapKeyToOption({
           key,
           onKeyPress,
-          isSpecialButtonsDisabled,
           disabledKeys,
           optionStyle: style?.option,
         }),
       ),
-    [keys, onKeyPress, isSpecialButtonsDisabled, disabledKeys, style?.option],
+    [keys, onKeyPress, disabledKeys, style?.option],
   )
 
   return (
@@ -69,7 +68,7 @@ export const styles = StyleSheet.create({
   optionContainer: {
     flexGrow: 0,
     flexShrink: 0,
-    flexBasis: 'auto',
+    flexBasis: IS_MOBILE ? 45 : 'auto',
   },
   optionButton: {
     width: 40,

package/src/features/keyboard/components/KeysList/helpers.ts

@@ -3,12 +3,10 @@ import { KeyboardKey, KeyboardKeyValue } from '../../types/types'
 import { ButtonStyle } from '@magmamath/react-native-ui'
 import { styles } from './KeysList'
 import { getIsIpadOrIphoneDevice } from '../../helpers'
-import { DISABLED_KEYS } from '../../constants/spreadsheetDisabledKeys'
 
 type MapKeyToOptionProps = {
   key: KeyboardKey
   onKeyPress?: (key: KeyboardKeyValue) => void
-  isSpecialButtonsDisabled?: boolean
   disabledKeys?: KeyboardKey[]
   optionStyle?: ButtonStyle
 }
@@ -21,16 +19,12 @@ const mergeOptionStyles = (keyStyle?: ButtonStyle, override?: ButtonStyle) => ({
   text: [styles.optionText, keyStyle?.text, override?.text],
 })
 
-const isKeyDisabled = (
-  key: KeyboardKey,
-  isSpecialButtonsDisabled?: boolean,
-  disabledKeys?: KeyboardKey[],
-) => (isSpecialButtonsDisabled && DISABLED_KEYS.includes(key)) || disabledKeys?.includes(key)
+const isKeyDisabled = (key: KeyboardKey, disabledKeys?: KeyboardKey[]) =>
+  disabledKeys?.includes(key)
 
 export const mapKeyToOption = ({
   key,
   onKeyPress,
-  isSpecialButtonsDisabled,
   disabledKeys,
   optionStyle,
 }: MapKeyToOptionProps) => {
@@ -40,6 +34,7 @@ export const mapKeyToOption = ({
       katexValue: key.katexValue,
       mathliveValue: key.mathliveValue,
       spreadsheetValue: key.spreadsheetValue,
+      mathQuillValue: key.mathQuillValue,
       isSpecialSymbol: key.isSpecialSymbol,
     })
   }
@@ -48,8 +43,8 @@ export const mapKeyToOption = ({
     key: key.katexValue,
     title: key.icon ?? key.label,
     delayPressIn: 0,
-    style: mergeOptionStyles(key.style, optionStyle),
+    style: mergeOptionStyles(optionStyle, key.style),
     ...(IS_IOS_WEB ? { onPress: pressHandler } : { onPressIn: pressHandler }),
-    disabled: isKeyDisabled(key, isSpecialButtonsDisabled, disabledKeys),
+    disabled: isKeyDisabled(key, disabledKeys),
   }
 }

package/src/features/keyboard/components/UnitsLayout/UnitTabs.tsx

@@ -1,10 +1,15 @@
 import React from 'react'
 import { KeysList } from '../KeysList/KeysList'
 import { StyleSheet, View } from 'react-native'
-import { COLORS, TabGroup, TabOptionProps, TabVariant } from '@magmamath/react-native-ui'
-import { KeyboardUnitsGroupType } from './keyboardGroups'
+import { COLORS, TabGroup, TabOptionProps, TabVariant, IS_MOBILE } from '@magmamath/react-native-ui'
+import {
+  KEYBOARD_UNITS_GROUPS_BY_LOCALE,
+  KeyboardUnitsGroupType,
+  MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS,
+} from './keyboardGroups'
 import { KeyboardLayoutProps } from '../../types/types'
-import { useTabKeys } from './hooks/useTabKeys'
+import { Locale } from '@magmamath/students-features'
+import { useText } from '../../../../shared/translation'
 
 type UnitTabsProps = {
   tabs: TabOptionProps[]
@@ -13,10 +18,14 @@ type UnitTabsProps = {
 } & KeyboardLayoutProps
 
 export const UnitTabs = ({ activeTab, tabs, onTabChange, ...props }: UnitTabsProps) => {
-  const keyboardGroups = useTabKeys(activeTab.key as KeyboardUnitsGroupType)
+  const t = useText()
+  const locale = t('locale') as Locale
+  const keyboardGroups =
+    KEYBOARD_UNITS_GROUPS_BY_LOCALE[locale]?.[activeTab.key as KeyboardUnitsGroupType]?.keys ||
+    MATH_ENTRY_LENGTH_UNITS_SW_KEYBOARD_GROUPS.keys
 
   return (
-    <View style={{ width: 283 }}>
+    <View style={styles.container}>
       <View style={styles.tabsContainer}>
         <TabGroup
           activeTab={activeTab}
@@ -26,14 +35,17 @@ export const UnitTabs = ({ activeTab, tabs, onTabChange, ...props }: UnitTabsPro
           variant={TabVariant.SMALL}
         />
         <View style={styles.keyGroupContainer}>
-          {keyboardGroups.map((keyGroup) => (
+          {keyboardGroups.map((keyGroup, index) => (
             <KeysList
+              key={index}
               keys={keyGroup}
               numOfRows={1}
               {...props}
               style={{
                 option: {
                   text: styles.keysText,
+                  container: styles.keyContainer,
+                  button: styles.keyButton,
                 },
               }}
             />
@@ -45,6 +57,10 @@ export const UnitTabs = ({ activeTab, tabs, onTabChange, ...props }: UnitTabsPro
 }
 
 const styles = StyleSheet.create({
+  container: {
+    width: 283,
+    flex: 1,
+  },
   tabsContainer: {
     gap: 16,
     flex: 1,
@@ -61,4 +77,10 @@ const styles = StyleSheet.create({
     fontSize: 14,
     fontWeight: 700,
   },
+  keyButton: {
+    width: IS_MOBILE ? 54 : 40,
+  },
+  keyContainer: {
+    flexBasis: IS_MOBILE ? 58 : 'auto',
+  },
 })