@magmamath/students-features 0.9.2 → 0.9.4-rc.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardGroups.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnderlinedLayout/keyboardGroups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAIjD,eAAO,MAAM,oCAAoC,EAAE,aAOlD,CAAA"}

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { KeyboardLayoutProps } from '../../types/types';
-export declare const UnitsLayout: (props: KeyboardLayoutProps) => React.JSX.Element;
+export declare const UnitsLayout: ({ onLayoutChange, ...props }: KeyboardLayoutProps) => React.JSX.Element;
 //# sourceMappingURL=UnitsLayout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UnitsLayout.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnitsLayout/UnitsLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAA;AAQrE,eAAO,MAAM,WAAW,UAAW,mBAAmB,sBAwCrD,CAAA"}
+{"version":3,"file":"UnitsLayout.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnitsLayout/UnitsLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAA;AAQrE,eAAO,MAAM,WAAW,iCAAkC,mBAAmB,sBAyC5E,CAAA"}

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

@@ -4,8 +4,9 @@ type UseLayoutSelectOptionsProps = {
     activeTabKey: KeyboardUnitsGroupType;
     selectedLayout: SelectedLayout;
     setSelectedLayout: (layout: SelectedLayout) => void;
+    onLayoutChange?: (isSecondaryLayout: boolean) => void;
 };
-export declare const getSelectOptions: ({ activeTabKey, selectedLayout, setSelectedLayout, }: UseLayoutSelectOptionsProps) => {
+export declare const getSelectOptions: ({ activeTabKey, selectedLayout, setSelectedLayout, onLayoutChange, }: UseLayoutSelectOptionsProps) => {
     key: SelectedLayout;
     title: React.JSX.Element;
     onPressIn: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnitsLayout/helpers.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGhE,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"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/UnitsLayout/helpers.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGhE,KAAK,2BAA2B,GAAG;IACjC,YAAY,EAAE,sBAAsB,CAAA;IACpC,cAAc,EAAE,cAAc,CAAA;IAC9B,iBAAiB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IACnD,cAAc,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAA;CACtD,CAAA;AAED,eAAO,MAAM,gBAAgB,yEAK1B,2BAA2B;;;;GAiC7B,CAAA"}

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

@@ -8,10 +8,6 @@ export declare const LAYOUT_STYLES_CONFIG: {
         readonly borderColor: "transparent";
         readonly paddingLeft: 32;
     };
-    readonly ALGEBRA: {
-        readonly borderColor: "#f2f2f4";
-        readonly paddingLeft: 8;
-    };
 };
 export declare const getLayoutConfigStyles: (characterType?: number, isMobile?: boolean) => {
     readonly borderColor: "#f2f2f4";
@@ -19,9 +15,6 @@ export declare const getLayoutConfigStyles: (characterType?: number, isMobile?:
 } | {
     readonly borderColor: "transparent";
     readonly paddingLeft: 32;
-} | {
-    readonly borderColor: "#f2f2f4";
-    readonly paddingLeft: 8;
 };
 export declare const slideInAnimationSettings: {
     toValue: number;

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/components/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,MAAM,CAAA;AAE1C,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;CAOvB,CAAA;AAEV,eAAO,MAAM,qBAAqB,mBAAoB,MAAM,aAAa,OAAO;;;;;;;;;CAW/E,CAAA;AAED,eAAO,MAAM,wBAAwB;;;;CAIpC,CAAA;AAED,eAAO,MAAM,yBAAyB;;;;CAIrC,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/components/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,MAAM,CAAA;AAE1C,eAAO,MAAM,oBAAoB;;;;;;;;;CAMvB,CAAA;AAEV,eAAO,MAAM,qBAAqB,mBAAoB,MAAM,aAAa,OAAO;;;;;;CAQ/E,CAAA;AAED,eAAO,MAAM,wBAAwB;;;;CAIpC,CAAA;AAED,eAAO,MAAM,yBAAyB;;;;CAIrC,CAAA"}

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

@@ -1 +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;AAsC5D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAEpD,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAiC5F,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,CAyBzF,CAAA;AACD,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,MAAM,EACN,MAAM,CAAC,sBAAsB,EAAE,kBAAkB,CAAC,CAkBnD,CAAA"}
+{"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;AAsC5D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAEpD,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAmC5F,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,CAyBzF,CAAA;AACD,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,MAAM,EACN,MAAM,CAAC,sBAAsB,EAAE,kBAAkB,CAAC,CAkBnD,CAAA"}

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

@@ -1,7 +1,7 @@
 import { MyScriptMathCharacterTypes } from '../../../types/characterTypes';
 export declare const KEYBOARD_LAYOUTS: {
     AlgebraAdvanced: {
-        Component: (props: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
+        Component: ({ onLayoutChange, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
     };
     Basic: {
@@ -21,7 +21,7 @@ export declare const KEYBOARD_LAYOUTS: {
         characterTypes: MyScriptMathCharacterTypes[];
     };
     BasicUnits: {
-        Component: (props: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
+        Component: ({ onLayoutChange, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
     };
     BasicPlusPlus: {

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

@@ -222,5 +222,23 @@ export declare const MATH_BASIC_OPERATORS: {
         mathliveValue: string;
         katexValue: string;
     };
+    UNDERLINED_TEN: {
+        icon: React.JSX.Element;
+        mathliveValue: string;
+        katexValue: string;
+        spreadsheetValue: string;
+    };
+    UNDERLINED_ONE: {
+        icon: React.JSX.Element;
+        mathliveValue: string;
+        katexValue: string;
+        spreadsheetValue: string;
+    };
+    UNDERLINED_U: {
+        icon: React.JSX.Element;
+        mathliveValue: string;
+        katexValue: string;
+        spreadsheetValue: string;
+    };
 };
 //# sourceMappingURL=basicOperators.d.ts.map

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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA6CzB,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+N/B,CAAA"}
+{"version":3,"file":"basicOperators.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/types/MathKeysGroups/basicOperators.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAgDzB,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiP/B,CAAA"}

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

@@ -26,6 +26,7 @@ export declare enum MathEntryKeyboardGroupId {
     TIME_US = "math-entry-time-us",
     CURRENCY_SW = "math-entry-currency-sw",
     CURRENCY_UK = "math-entry-currency-uk",
-    CURRENCY_US = "math-entry-currency-us"
+    CURRENCY_US = "math-entry-currency-us",
+    UNDERLINED = "math-entry-underlined"
 }
 //# sourceMappingURL=keyboardGroupIds.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"keyboardGroupIds.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/types/keyboardGroupIds.ts"],"names":[],"mappings":"AAAA,oBAAY,wBAAwB;IAClC,eAAe,+BAA+B;IAC9C,sBAAsB,sCAAsC;IAC5D,kBAAkB,kCAAkC;IACpD,yBAAyB,yCAAyC;IAClE,aAAa,6BAA6B;IAC1C,oBAAoB,oCAAoC;IACxD,aAAa,6BAA6B;IAC1C,iBAAiB,iCAAiC;IAClD,OAAO,uBAAuB;IAC9B,UAAU,0BAA0B;IACpC,UAAU,0BAA0B;IACpC,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,aAAa,6BAA6B;IAC1C,aAAa,6BAA6B;IAC1C,aAAa,6BAA6B;IAC1C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,KAAK,qBAAqB;IAC1B,QAAQ,wBAAwB;IAChC,OAAO,uBAAuB;IAC9B,OAAO,uBAAuB;IAC9B,WAAW,2BAA2B;IACtC,WAAW,2BAA2B;IACtC,WAAW,2BAA2B;CACvC"}
+{"version":3,"file":"keyboardGroupIds.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/types/keyboardGroupIds.ts"],"names":[],"mappings":"AAAA,oBAAY,wBAAwB;IAClC,eAAe,+BAA+B;IAC9C,sBAAsB,sCAAsC;IAC5D,kBAAkB,kCAAkC;IACpD,yBAAyB,yCAAyC;IAClE,aAAa,6BAA6B;IAC1C,oBAAoB,oCAAoC;IACxD,aAAa,6BAA6B;IAC1C,iBAAiB,iCAAiC;IAClD,OAAO,uBAAuB;IAC9B,UAAU,0BAA0B;IACpC,UAAU,0BAA0B;IACpC,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,aAAa,6BAA6B;IAC1C,aAAa,6BAA6B;IAC1C,aAAa,6BAA6B;IAC1C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,eAAe,+BAA+B;IAC9C,KAAK,qBAAqB;IAC1B,QAAQ,wBAAwB;IAChC,OAAO,uBAAuB;IAC9B,OAAO,uBAAuB;IAC9B,WAAW,2BAA2B;IACtC,WAAW,2BAA2B;IACtC,WAAW,2BAA2B;IACtC,UAAU,0BAA0B;CACrC"}

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

@@ -11,7 +11,8 @@ export declare const enum KeyboardType {
     BasicUnits = "BasicUnits",
     BasicPlusPlus = "BasicPlusPlus",
     BasicPlusPlusMobile = "BasicPlusPlusMobile",
-    Numpad = "Numpad"
+    Numpad = "Numpad",
+    Underlined = "Underlined"
 }
 export type KeyboardKey = {
     katexValue: string;
@@ -39,6 +40,7 @@ export type KeyboardGroup = {
 };
 export type KeyboardLayoutProps = {
     onKeyPress: (key: KeyboardKeyValue) => void;
+    onLayoutChange?: (isSecondaryLayout: boolean) => void;
     color?: SelectOptionColor;
     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,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"}
+{"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;IACjB,UAAU,eAAe;CAC1B;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,cAAc,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAA;IACrD,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/dist/typescript/module/shared/icons/keyboard/UnderlinedOneIcon/UnderlinedOneIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from '../../icon.types';
+export declare const UnderlinedOneIcon: ({ size, color }: IconProps) => React.JSX.Element;
+//# sourceMappingURL=UnderlinedOneIcon.d.ts.map

package/dist/typescript/module/shared/icons/keyboard/UnderlinedOneIcon/UnderlinedOneIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlinedOneIcon.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/icons/keyboard/UnderlinedOneIcon/UnderlinedOneIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAG5C,eAAO,MAAM,iBAAiB,oBAA0B,SAAS,sBAYhE,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/UnderlinedTenIcon/UnderlinedTenIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from '../../icon.types';
+export declare const UnderlinedTenIcon: ({ size, color }: IconProps) => React.JSX.Element;
+//# sourceMappingURL=UnderlinedTenIcon.d.ts.map

package/dist/typescript/module/shared/icons/keyboard/UnderlinedTenIcon/UnderlinedTenIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlinedTenIcon.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/icons/keyboard/UnderlinedTenIcon/UnderlinedTenIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAG5C,eAAO,MAAM,iBAAiB,oBAA0B,SAAS,sBAehE,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/UnderlinedUIcon/UnderlinedUIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from '../../icon.types';
+export declare const UnderlinedUIcon: ({ size, color }: IconProps) => React.JSX.Element;
+//# sourceMappingURL=UnderlinedUIcon.d.ts.map

package/dist/typescript/module/shared/icons/keyboard/UnderlinedUIcon/UnderlinedUIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlinedUIcon.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/icons/keyboard/UnderlinedUIcon/UnderlinedUIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAG5C,eAAO,MAAM,eAAe,oBAA0B,SAAS,sBAe9D,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.9.2",
+  "version": "0.9.4-rc.0",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

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

@@ -9,11 +9,11 @@ import { SelectedLayout } from './types'
 import { getKeyboardGroup } from '../../helpers'
 import { getSelectOptions } from './helpers'
 
-export const AlgebraLayout = (props: KeyboardLayoutProps) => {
+export const AlgebraLayout = ({ onLayoutChange, ...props }: KeyboardLayoutProps) => {
   const [selectedLayout, setSelectedLayout] = useState<SelectedLayout>(SelectedLayout.BASIC)
   const t = useText()
   const { width } = useWindowDimensions()
-  const selectOptions = getSelectOptions(selectedLayout, setSelectedLayout)
+  const selectOptions = getSelectOptions({ selectedLayout, setSelectedLayout, onLayoutChange })
   const isDesktop = width > MOBILE_LAYOUT_WIDTH && !IS_MOBILE
   const locale = t('locale') as Locale
 

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

@@ -10,10 +10,17 @@ type LayoutOption = {
   onPressIn: () => void
 }
 
-export function getSelectOptions(
-  selectedLayout: SelectedLayout,
-  setSelectedLayout: (layout: SelectedLayout) => void,
-): LayoutOption[] {
+type GetSelectOptionsProps = {
+  selectedLayout: SelectedLayout
+  setSelectedLayout: (layout: SelectedLayout) => void
+  onLayoutChange?: (isSecondaryLayout: boolean) => void
+}
+
+export function getSelectOptions({
+  selectedLayout,
+  setSelectedLayout,
+  onLayoutChange,
+}: GetSelectOptionsProps): LayoutOption[] {
   return [
     {
       key: SelectedLayout.BASIC,
@@ -23,7 +30,10 @@ export function getSelectOptions(
           size={22}
         />
       ),
-      onPressIn: () => setSelectedLayout(SelectedLayout.BASIC),
+      onPressIn: () => {
+        setSelectedLayout(SelectedLayout.BASIC)
+        onLayoutChange?.(false)
+      },
     },
     {
       key: SelectedLayout.ALGEBRA,
@@ -33,7 +43,10 @@ export function getSelectOptions(
           size={25}
         />
       ),
-      onPressIn: () => setSelectedLayout(SelectedLayout.ALGEBRA),
+      onPressIn: () => {
+        setSelectedLayout(SelectedLayout.ALGEBRA)
+        onLayoutChange?.(true)
+      },
     },
   ]
 }

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

@@ -1,14 +1,21 @@
 import React from 'react'
 import { KeysList } from '../KeysList/KeysList'
-import { StyleSheet, View } from 'react-native'
+import { StyleSheet, useWindowDimensions, View } from 'react-native'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { Locale, useText } from '../../../../shared/translation'
 import { getKeyboardGroup } from '../../helpers'
+import { MOBILE_LAYOUT_WIDTH } from '../../constants/constants'
+import { IS_MOBILE } from '@magmamath/react-native-ui'
 
 export const BasicPlusLayout = (props: KeyboardLayoutProps) => {
   const t = useText()
   const locale = t('locale') as Locale
-  const keysGroup = getKeyboardGroup(locale, KeyboardType.BasicPlus)
+  const { width } = useWindowDimensions()
+  const isMobile = width <= MOBILE_LAYOUT_WIDTH || IS_MOBILE
+  const keysGroup = getKeyboardGroup(
+    locale,
+    isMobile ? KeyboardType.BasicPlusMobile : KeyboardType.BasicPlus,
+  )
 
   return (
     <View style={styles.container}>

package/src/features/keyboard/components/BasicPlusLayout/keyboardGroups.ts

@@ -1,8 +1,6 @@
 import { MATH_BASIC_OPERATORS } from '../../types/MathKeysGroups/basicOperators'
 import { MATH_TEXT_SYMBOLS } from '../../types/MathKeysGroups/textSymbols'
 import { KeyboardGroup } from '../../types/types'
-import { MATH_SYMBOLS } from '../../types/MathKeysGroups/symbols'
-import { MATH_GEOMETRY_SYMBOLS } from '../../types/MathKeysGroups/geometry'
 import { MathEntryKeyboardGroupId } from '../../types/keyboardGroupIds'
 
 export const MATH_ENTRY_BASIC_SW_PLUS: KeyboardGroup = {
@@ -33,23 +31,17 @@ export const MATH_ENTRY_BASIC_PLUS_MOBILE_SW: KeyboardGroup = {
     MATH_BASIC_OPERATORS.ADDITION,
     MATH_BASIC_OPERATORS.SUBTRACTION,
     MATH_BASIC_OPERATORS.EQUALS,
-    MATH_BASIC_OPERATORS.PARENTHESES,
     MATH_BASIC_OPERATORS.SQUARE_POWER,
     MATH_BASIC_OPERATORS.SQUARE_ROOT,
-    MATH_BASIC_OPERATORS.GREATER_THAN,
-    MATH_BASIC_OPERATORS.C_DOT,
-    MATH_BASIC_OPERATORS.FRACTION,
+    MATH_BASIC_OPERATORS.MULTIPLICATION,
+    MATH_BASIC_OPERATORS.DIVISION,
     MATH_BASIC_OPERATORS.DOT,
+    MATH_BASIC_OPERATORS.PERCENT,
     MATH_BASIC_OPERATORS.NTH_POWER,
-    MATH_BASIC_OPERATORS.NTH_ROOT,
-    MATH_SYMBOLS.PI,
-    MATH_BASIC_OPERATORS.LESS_THAN,
     MATH_TEXT_SYMBOLS.X,
     MATH_TEXT_SYMBOLS.Y,
     MATH_TEXT_SYMBOLS.Z,
-    MATH_SYMBOLS.THETA,
-    MATH_GEOMETRY_SYMBOLS.DEGREE,
-    MATH_GEOMETRY_SYMBOLS.RADIAN,
+    MATH_BASIC_OPERATORS.PERMILLE,
   ],
 }
 
@@ -81,22 +73,16 @@ export const MATH_ENTRY_BASIC_PLUS_MOBILE: KeyboardGroup = {
     MATH_BASIC_OPERATORS.ADDITION,
     MATH_BASIC_OPERATORS.SUBTRACTION,
     MATH_BASIC_OPERATORS.EQUALS,
-    MATH_BASIC_OPERATORS.PARENTHESES,
     MATH_BASIC_OPERATORS.SQUARE_POWER,
     MATH_BASIC_OPERATORS.SQUARE_ROOT,
-    MATH_BASIC_OPERATORS.GREATER_THAN,
     MATH_BASIC_OPERATORS.MULTIPLICATION,
-    MATH_BASIC_OPERATORS.FRACTION,
+    MATH_BASIC_OPERATORS.DIVISION,
     MATH_BASIC_OPERATORS.COMMA,
+    MATH_BASIC_OPERATORS.PERCENT,
     MATH_BASIC_OPERATORS.NTH_POWER,
-    MATH_BASIC_OPERATORS.NTH_ROOT,
-    MATH_SYMBOLS.PI,
-    MATH_BASIC_OPERATORS.LESS_THAN,
     MATH_TEXT_SYMBOLS.X,
     MATH_TEXT_SYMBOLS.Y,
     MATH_TEXT_SYMBOLS.Z,
-    MATH_SYMBOLS.THETA,
-    MATH_GEOMETRY_SYMBOLS.DEGREE,
-    MATH_GEOMETRY_SYMBOLS.RADIAN,
+    MATH_BASIC_OPERATORS.PERMILLE,
   ],
 }

package/src/features/keyboard/components/BasicPlusPlusLayout/keyboardGroups.ts

@@ -43,7 +43,6 @@ export const MATH_ENTRY_BASIC_PLUS_PLUS_MOBILE: KeyboardGroup = {
     MATH_BASIC_OPERATORS.ADDITION,
     MATH_BASIC_OPERATORS.SUBTRACTION,
     MATH_BASIC_OPERATORS.EQUALS,
-    MATH_BASIC_OPERATORS.PARENTHESES,
     MATH_BASIC_OPERATORS.SQUARE_POWER,
     MATH_BASIC_OPERATORS.SQUARE_ROOT,
     MATH_BASIC_OPERATORS.GREATER_THAN,
@@ -51,7 +50,6 @@ export const MATH_ENTRY_BASIC_PLUS_PLUS_MOBILE: KeyboardGroup = {
     MATH_BASIC_OPERATORS.FRACTION,
     MATH_BASIC_OPERATORS.COMMA,
     MATH_BASIC_OPERATORS.NTH_POWER,
-    MATH_BASIC_OPERATORS.NTH_ROOT,
     MATH_SYMBOLS.PI,
     MATH_BASIC_OPERATORS.LESS_THAN,
     MATH_TEXT_SYMBOLS.X,
@@ -101,7 +99,6 @@ export const MATH_ENTRY_BASIC_PLUS_PLUS_MOBILE_SW: KeyboardGroup = {
     MATH_BASIC_OPERATORS.ADDITION,
     MATH_BASIC_OPERATORS.SUBTRACTION,
     MATH_BASIC_OPERATORS.EQUALS,
-    MATH_BASIC_OPERATORS.PARENTHESES,
     MATH_BASIC_OPERATORS.SQUARE_POWER,
     MATH_BASIC_OPERATORS.SQUARE_ROOT,
     MATH_BASIC_OPERATORS.GREATER_THAN,
@@ -109,7 +106,6 @@ export const MATH_ENTRY_BASIC_PLUS_PLUS_MOBILE_SW: KeyboardGroup = {
     MATH_BASIC_OPERATORS.FRACTION,
     MATH_BASIC_OPERATORS.DOT,
     MATH_BASIC_OPERATORS.NTH_POWER,
-    MATH_BASIC_OPERATORS.NTH_ROOT,
     MATH_SYMBOLS.PI,
     MATH_BASIC_OPERATORS.LESS_THAN,
     MATH_TEXT_SYMBOLS.X,

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

@@ -1,7 +1,6 @@
 import React, { useEffect, useMemo, useRef } from 'react'
 import { Animated, StyleProp, StyleSheet, useWindowDimensions, ViewStyle } from 'react-native'
 import { COLORS, IS_MOBILE, SelectOptionColor, SHADOWS } from '@magmamath/react-native-ui'
-import { getLayoutByCharType } from '../constants/keyboardLayouts'
 import { KeyboardKey, KeyboardKeyValue } from '../types/types'
 import { Numpad } from './Numpad/Numpad'
 import { MOBILE_LAYOUT_WIDTH } from '../constants/constants'
@@ -11,6 +10,7 @@ import {
   slideInAnimationSettings,
   slideOutAnimationSettings,
 } from './constants'
+import { MainLayout } from './MainLayout'
 
 type KeyboardProps = {
   onKeyPress: (key: KeyboardKeyValue) => void
@@ -19,15 +19,15 @@ type KeyboardProps = {
   color?: SelectOptionColor
   isVisible?: boolean
   isDisabled?: boolean
+  showUnderlinedKeys?: boolean
   disabledKeys?: KeyboardKey[]
 }
 
 export const Keyboard = ({ style, characterType, isVisible = true, ...props }: KeyboardProps) => {
   const slideAnim = useRef(new Animated.Value(isVisible ? 0 : KEYBOARD_SLIDE_DISTANCE)).current
+
   const { width } = useWindowDimensions()
   const isMobile = width <= MOBILE_LAYOUT_WIDTH || IS_MOBILE
-
-  const Layout = useMemo(() => getLayoutByCharType(characterType), [characterType])
   const mobileStyles = useMemo(
     () => getLayoutConfigStyles(characterType, isMobile),
     [characterType, isMobile],
@@ -57,7 +57,7 @@ export const Keyboard = ({ style, characterType, isVisible = true, ...props }: K
         },
       ]}
     >
-      <Layout {...props} />
+      <MainLayout {...props} />
       <Numpad {...props} style={mobileStyles} />
     </Animated.View>
   )
@@ -76,7 +76,6 @@ const styles = StyleSheet.create({
     borderColor: COLORS.NEUTRAL_5,
     borderWidth: 1,
     width: 'auto',
-    overflow: 'hidden',
     height: 155,
     ...SHADOWS[2],
   },

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

@@ -37,9 +37,10 @@ export const KeysList = ({
           onKeyPress,
           disabledKeys,
           optionStyle: style?.option,
+          isDisabled,
         }),
       ),
-    [keys, onKeyPress, disabledKeys, style?.option],
+    [keys, onKeyPress, disabledKeys, style?.option, isDisabled],
   )
 
   return (

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

@@ -9,6 +9,7 @@ type MapKeyToOptionProps = {
   onKeyPress?: (key: KeyboardKeyValue) => void
   disabledKeys?: KeyboardKey[]
   optionStyle?: ButtonStyle
+  isDisabled?: boolean
 }
 
 export const IS_IOS_WEB = getIsIpadOrIphoneDevice()
@@ -27,6 +28,7 @@ export const mapKeyToOption = ({
   onKeyPress,
   disabledKeys,
   optionStyle,
+  isDisabled,
 }: MapKeyToOptionProps) => {
   const pressHandler = (e: GestureResponderEvent) => {
     onKeyPress?.({
@@ -45,6 +47,6 @@ export const mapKeyToOption = ({
     delayPressIn: 0,
     style: mergeOptionStyles(optionStyle, key.style),
     ...(IS_IOS_WEB ? { onPress: pressHandler } : { onPressIn: pressHandler }),
-    disabled: isKeyDisabled(key, disabledKeys),
+    disabled: isDisabled || isKeyDisabled(key, disabledKeys),
   }
 }

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

@@ -0,0 +1,72 @@
+import React, { useEffect, useMemo, useRef, useState } from 'react'
+import { Animated, StyleProp, StyleSheet, useWindowDimensions, View, ViewStyle } from 'react-native'
+import { SelectOptionColor, IS_MOBILE } from '@magmamath/react-native-ui'
+import { getLayoutByCharType } from '../constants/keyboardLayouts'
+import { KeyboardKey, KeyboardKeyValue } from '../types/types'
+import { UnderlinedLayout } from './UnderlinedLayout/UnderlinedLayout'
+import { MOBILE_LAYOUT_WIDTH } from '../constants/constants'
+
+type LayoutProps = {
+  onKeyPress: (key: KeyboardKeyValue) => void
+  characterType?: number
+  style?: StyleProp<ViewStyle>
+  color?: SelectOptionColor
+  isVisible?: boolean
+  isDisabled?: boolean
+  showUnderlinedKeys?: boolean
+  disabledKeys?: KeyboardKey[]
+}
+
+export const MainLayout = ({ style, characterType, showUnderlinedKeys, ...props }: LayoutProps) => {
+  const [isUnderlinedVisible, setIsUnderlinedVisible] = useState(showUnderlinedKeys)
+  const [isSecondaryLayoutSelected, setIsSecondaryLayoutSelected] = useState(false)
+
+  const fadeAnim = useRef(new Animated.Value(showUnderlinedKeys ? 1 : 0)).current
+  const fadeRef = useRef<Animated.CompositeAnimation | null>(null)
+  const { width } = useWindowDimensions()
+  const isMobile = width <= MOBILE_LAYOUT_WIDTH || IS_MOBILE
+
+  const Layout = useMemo(() => getLayoutByCharType(characterType), [characterType])
+
+  useEffect(() => {
+    if (showUnderlinedKeys) {
+      setIsUnderlinedVisible(true)
+      fadeRef.current = Animated.timing(fadeAnim, {
+        toValue: 1,
+        duration: 250,
+        useNativeDriver: true,
+      })
+      fadeRef.current.start()
+      return
+    }
+    fadeRef.current = Animated.timing(fadeAnim, {
+      toValue: 0,
+      duration: 250,
+      useNativeDriver: true,
+    })
+    fadeRef.current.start(() => setIsUnderlinedVisible(false))
+
+    return () => {
+      fadeRef.current?.stop()
+    }
+  }, [showUnderlinedKeys])
+
+  return (
+    <View style={styles.container}>
+      <Layout {...props} onLayoutChange={setIsSecondaryLayoutSelected} />
+      {isUnderlinedVisible && !isSecondaryLayoutSelected && !isMobile && (
+        <Animated.View style={{ opacity: fadeAnim }}>
+          <UnderlinedLayout {...props} />
+        </Animated.View>
+      )}
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    justifyContent: 'space-between',
+  },
+})

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

@@ -0,0 +1,12 @@
+import React from 'react'
+import { KeysList } from '../KeysList/KeysList'
+import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
+import { Locale, useText } from '../../../../shared/translation'
+import { getKeyboardGroup } from '../../helpers'
+
+export const UnderlinedLayout = (props: KeyboardLayoutProps) => {
+  const t = useText()
+  const keysGroup = getKeyboardGroup(t('locale') as Locale, KeyboardType.Underlined)
+
+  return <KeysList keys={keysGroup.keys} numOfRows={keysGroup.keys.length} {...props} />
+}

package/src/features/keyboard/components/UnderlinedLayout/keyboardGroups.ts

@@ -0,0 +1,12 @@
+import { KeyboardGroup } from '../../types/types'
+import { MathEntryKeyboardGroupId } from '../../types/keyboardGroupIds'
+import { MATH_BASIC_OPERATORS } from '../../types/MathKeysGroups/basicOperators'
+
+export const MATH_ENTRY_UNDERLINED_KEYBOARD_GROUP: KeyboardGroup = {
+  id: MathEntryKeyboardGroupId.UNDERLINED,
+  keys: [
+    MATH_BASIC_OPERATORS.UNDERLINED_TEN,
+    MATH_BASIC_OPERATORS.UNDERLINED_ONE,
+    MATH_BASIC_OPERATORS.UNDERLINED_U,
+  ],
+}

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

@@ -12,7 +12,7 @@ import { KeyboardUnitsGroupType, SelectedLayout } from './types'
 import { getSelectOptions } from './helpers'
 import { IS_MOBILE } from '@magmamath/react-native-ui'
 
-export const UnitsLayout = (props: KeyboardLayoutProps) => {
+export const UnitsLayout = ({ onLayoutChange, ...props }: KeyboardLayoutProps) => {
   const { width } = useWindowDimensions()
   const t = useText()
   const locale = t('locale') as Locale
@@ -26,6 +26,7 @@ export const UnitsLayout = (props: KeyboardLayoutProps) => {
     activeTabKey: activeTab.key as KeyboardUnitsGroupType,
     selectedLayout,
     setSelectedLayout,
+    onLayoutChange,
   })
 
   return (

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

@@ -8,12 +8,14 @@ type UseLayoutSelectOptionsProps = {
   activeTabKey: KeyboardUnitsGroupType
   selectedLayout: SelectedLayout
   setSelectedLayout: (layout: SelectedLayout) => void
+  onLayoutChange?: (isSecondaryLayout: boolean) => void
 }
 
 export const getSelectOptions = ({
   activeTabKey,
   selectedLayout,
   setSelectedLayout,
+  onLayoutChange,
 }: UseLayoutSelectOptionsProps) => {
   {
     const SelectedIcon = UNITS_KEYBOARD_GROUPS.get(activeTabKey)?.icon || RulerIcon
@@ -27,7 +29,10 @@ export const getSelectOptions = ({
             size={22}
           />
         ),
-        onPressIn: () => setSelectedLayout(SelectedLayout.ALGEBRA),
+        onPressIn: () => {
+          setSelectedLayout(SelectedLayout.ALGEBRA)
+          onLayoutChange?.(false)
+        },
       },
       {
         key: SelectedLayout.UNITS,
@@ -37,7 +42,10 @@ export const getSelectOptions = ({
             size={16}
           />
         ),
-        onPressIn: () => setSelectedLayout(SelectedLayout.UNITS),
+        onPressIn: () => {
+          setSelectedLayout(SelectedLayout.UNITS)
+          onLayoutChange?.(true)
+        },
       },
     ]
   }