@magmamath/students-features 1.3.4-rc.1 → 1.3.4-rc.2

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

@@ -1,35 +1,44 @@
 import { MyScriptMathCharacterTypes } from '../../../types/characterTypes';
 export declare const KEYBOARD_LAYOUTS: {
     AlgebraAdvanced: {
-        Component: ({ onLayoutChange, keys, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
+        Component: (props: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
-        mobileBreakpoint: number;
+        mobileBreakpoint: 1300;
     };
     Basic: {
         Component: ({ keys, ...props }: import("../types/types").KeyboardLayoutProps & import("react").PropsWithChildren) => import("react").JSX.Element | null;
         characterTypes: MyScriptMathCharacterTypes[];
-        mobileBreakpoint: number;
+        mobileBreakpoint: 990;
     };
     BasicPlus: {
         Component: ({ keys, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
+        mobileBreakpoint: number;
     };
     BasicTime: {
         Component: ({ keys, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
+        mobileBreakpoint: number;
     };
     BasicCurrency: {
         Component: ({ keys, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
+        mobileBreakpoint: number;
     };
     BasicUnits: {
         Component: ({ onLayoutChange, keys, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
+        mobileBreakpoint: number;
     };
     BasicPlusPlus: {
         Component: ({ keys, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
-        mobileBreakpoint: number;
+        mobileBreakpoint: 1220;
+    };
+    Geometry: {
+        Component: (props: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
+        characterTypes: MyScriptMathCharacterTypes[];
+        mobileBreakpoint: 1300;
     };
 };
 export declare function getLayoutByCharType(charType?: number): ({ keys, ...props }: import("../types/types").KeyboardLayoutProps & import("react").PropsWithChildren) => import("react").JSX.Element | null;

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

@@ -1 +1 @@
-{"version":3,"file":"keyboardLayouts.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/constants/keyboardLayouts.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAI1E,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD5B,CAAA;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,CAAC,EAAE,MAAM,gJAWpD;AAED,wBAAgB,6BAA6B,CAAC,QAAQ,CAAC,EAAE,MAAM,UAW9D;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,WAStD"}
+{"version":3,"file":"keyboardLayouts.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/constants/keyboardLayouts.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAI1E,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAkDH,0BAA0B,EAAE;;;;;;;;CAWrD,CAAA;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,CAAC,EAAE,MAAM,gJAWpD;AAED,wBAAgB,6BAA6B,CAAC,QAAQ,CAAC,EAAE,MAAM,UAW9D;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,WAStD"}

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

@@ -1 +1 @@
-{"version":3,"file":"geometry.constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/constants/keys/geometry.constants.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAOtD,eAAO,MAAM,qBAAqB,EAAE,kBAsC1B,CAAA"}
+{"version":3,"file":"geometry.constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/constants/keys/geometry.constants.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAgBtD,eAAO,MAAM,qBAAqB,EAAE,kBAyF1B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"units.constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/constants/keys/units.constants.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAStD,eAAO,MAAM,mBAAmB,EAAE,kBAqCxB,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAE,kBA0EtB,CAAA;AAEV,eAAO,MAAM,eAAe,EAAE,kBAsEpB,CAAA;AAEV,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIpB,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAE,kBA6DtB,CAAA;AAEV,eAAO,MAAM,eAAe,EAAE,kBAqEpB,CAAA"}
+{"version":3,"file":"units.constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/constants/keys/units.constants.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAStD,eAAO,MAAM,mBAAmB,EAAE,kBAqCxB,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAE,kBA0EtB,CAAA;AAEV,eAAO,MAAM,eAAe,EAAE,kBAsEpB,CAAA;AAEV,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIpB,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAE,kBA6DtB,CAAA;AAEV,eAAO,MAAM,eAAe,EAAE,kBAsEpB,CAAA"}

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

@@ -21,6 +21,7 @@ export declare enum KeyboardType {
     BasicUnits = "BasicUnits",
     BasicPlusPlus = "BasicPlusPlus",
     BasicPlusPlusMobile = "BasicPlusPlusMobile",
+    Geometry = "Geometry",
     Numpad = "Numpad",
     Underlined = "Underlined"
 }

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,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC5B,CAAA;AAED,oBAAY,YAAY;IACtB,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,oBAAY,sBAAsB;IAChC,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;AAE5D,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;AAE1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,WAAW,EAAE,EAAE,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAElE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,CAAA;CACzD,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,mBAAmB,GAAG;IAChC,IAAI,EAAE,gBAAgB,CAAA;IACtB,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC5B,CAAA;AAED,oBAAY,YAAY;IACtB,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,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,UAAU,eAAe;CAC1B;AAED,oBAAY,sBAAsB;IAChC,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;AAE5D,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;AAE1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,WAAW,EAAE,EAAE,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAElE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,CAAA;CACzD,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,mBAAmB,GAAG;IAChC,IAAI,EAAE,gBAAgB,CAAA;IACtB,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"}

package/dist/typescript/module/shared/icons/GeometryIcon.d.ts

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

package/dist/typescript/module/shared/icons/GeometryIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeometryIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/GeometryIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,eAAO,MAAM,YAAY,oBAA0B,SAAS,sBAa3D,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"AngleIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/AngleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,SAAS,oBAA0B,SAAS,sBASxD,CAAA"}
+{"version":3,"file":"AngleIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/AngleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,SAAS,oBAA0B,SAAS,sBASxD,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"BidirectionalSegmentIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/BidirectionalSegmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,wBAAwB,oBAA0B,SAAS,sBAavE,CAAA"}
+{"version":3,"file":"BidirectionalSegmentIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/BidirectionalSegmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,wBAAwB,oBAA0B,SAAS,sBAUvE,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImpliesIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/ImpliesIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,WAAW,oBAA0B,SAAS,sBAS1D,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LetterAIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/LetterAIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,WAAW,oBAA0B,SAAS,sBAS1D,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LetterBIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/LetterBIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,WAAW,oBAA0B,SAAS,sBAS1D,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LetterCIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/LetterCIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,WAAW,oBAA0B,SAAS,sBAS1D,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"LineSegmentIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/LineSegmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,eAAe,oBAA0B,SAAS,sBAa9D,CAAA"}
+{"version":3,"file":"LineSegmentIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/LineSegmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,eAAe,oBAA0B,SAAS,sBAU9D,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"RightDirectedSegmentIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/RightDirectedSegmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,wBAAwB,oBAA0B,SAAS,sBAavE,CAAA"}
+{"version":3,"file":"RightDirectedSegmentIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/RightDirectedSegmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,wBAAwB,oBAA0B,SAAS,sBAUvE,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThereforeIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/ThereforeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,aAAa,oBAA0B,SAAS,sBAQ5D,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TriangleIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/TriangleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,YAAY,oBAA0B,SAAS,sBAW3D,CAAA"}

package/package.json

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

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

@@ -1,77 +1,21 @@
-import React, { useMemo, useState } from 'react'
-import { KeysList } from '../KeysList/KeysList'
-import { StyleSheet, useWindowDimensions, View } from 'react-native'
-import { COLORS, IS_MOBILE, SelectGroup, SelectOptionSize } from '@magmamath/react-native-ui'
+import React from 'react'
+import { COLORS } from '@magmamath/react-native-ui'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
-import { SelectedLayout } from './types'
-import { getMainKeyboardGroup } from '../../helpers'
-import { getSelectOptions } from './helpers'
-import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts'
+import { AlgebraIcon } from '../../../../shared/icons/AlgebraIcon'
+import { IntegralABIcon } from '../../../../shared/icons/IntegralABIcon'
+import { SwitchableLayout } from '../SwitchableLayout/SwitchableLayout'
+import { SwitchableLayoutConfig } from '../SwitchableLayout/types'
 
-export const AlgebraLayout = ({ onLayoutChange, keys, ...props }: KeyboardLayoutProps) => {
-  const [selectedLayout, setSelectedLayout] = useState<SelectedLayout>(SelectedLayout.BASIC)
-  const { width } = useWindowDimensions()
-  const selectOptions = getSelectOptions({ selectedLayout, setSelectedLayout, onLayoutChange })
-  const isDesktop =
-    width > KEYBOARD_LAYOUTS[KeyboardType.AlgebraAdvanced].mobileBreakpoint && !IS_MOBILE
-
-  const keyboardGroups = useMemo(() => {
-    const algebra = getMainKeyboardGroup(keys, KeyboardType.AlgebraAdvanced)
-    const basic = getMainKeyboardGroup(
-      keys,
-      isDesktop ? KeyboardType.BasicPlusPlus : KeyboardType.BasicPlusPlusMobile,
-    )
-
-    return new Map([
-      [SelectedLayout.BASIC, basic],
-      [SelectedLayout.ALGEBRA, algebra],
-    ])
-  }, [isDesktop, keys])
-
-  const currentKeys = keyboardGroups.get(selectedLayout)?.keys ?? []
-
-  return (
-    <View style={styles.container}>
-      {isDesktop && (
-        <SelectGroup
-          numOfRows={2}
-          options={selectOptions}
-          size={SelectOptionSize.SMALL}
-          style={{
-            container: styles.optionContainer,
-            option: { container: styles.option },
-          }}
-          color={props.color}
-          selectedOptions={[
-            selectedLayout === SelectedLayout.BASIC ? selectOptions[0] : selectOptions[1],
-          ]}
-        />
-      )}
-      <KeysList keys={currentKeys} numOfRows={3} {...props} />
-    </View>
-  )
+const ALGEBRA_CONFIG: SwitchableLayoutConfig = {
+  secondaryKeyboardType: KeyboardType.AlgebraAdvanced,
+  BasicIcon: (isSelected) => (
+    <AlgebraIcon color={isSelected ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9} size={22} />
+  ),
+  SecondaryIcon: (isSelected) => (
+    <IntegralABIcon color={isSelected ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9} size={25} />
+  ),
 }
 
-const styles = StyleSheet.create({
-  container: {
-    display: 'flex',
-    flexDirection: 'row',
-    gap: 16,
-    paddingRight: 16,
-  },
-  optionContainer: {
-    flexGrow: 0,
-    flexShrink: 0,
-    flexBasis: IS_MOBILE ? 60 : 'auto',
-    width: 'auto',
-    paddingRight: 18,
-    borderRightWidth: 1,
-    borderRightColor: COLORS.NEUTRAL_3,
-    maxWidth: 65,
-    gap: 9,
-  },
-  option: {
-    flexBasis: 45,
-    width: 44,
-  },
-})
+export const AlgebraLayout = (props: KeyboardLayoutProps) => {
+  return <SwitchableLayout {...props} config={ALGEBRA_CONFIG} />
+}

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

@@ -0,0 +1,21 @@
+import React from 'react'
+import { COLORS } from '@magmamath/react-native-ui'
+import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
+import { AlgebraIcon } from '../../../../shared/icons/AlgebraIcon'
+import { GeometryIcon } from '../../../../shared/icons/GeometryIcon'
+import { SwitchableLayout } from '../SwitchableLayout/SwitchableLayout'
+import { SwitchableLayoutConfig } from '../SwitchableLayout/types'
+
+const GEOMETRY_CONFIG: SwitchableLayoutConfig = {
+  secondaryKeyboardType: KeyboardType.Geometry,
+  BasicIcon: (isSelected) => (
+    <AlgebraIcon color={isSelected ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9} size={22} />
+  ),
+  SecondaryIcon: (isSelected) => (
+    <GeometryIcon color={isSelected ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9} size={16} />
+  ),
+}
+
+export const GeometryLayout = (props: KeyboardLayoutProps) => {
+  return <SwitchableLayout {...props} config={GEOMETRY_CONFIG} />
+}

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

@@ -0,0 +1,100 @@
+import React, { useMemo, useState } from 'react'
+import { KeysList } from '../KeysList/KeysList'
+import { StyleSheet, useWindowDimensions, View } from 'react-native'
+import {
+  COLORS,
+  IS_MOBILE,
+  SelectGroup,
+  SelectOptionSize,
+  SPACING,
+} from '@magmamath/react-native-ui'
+import { KeyboardType } from '../../types/types'
+import { SelectedLayout, SwitchableLayoutProps } from './types'
+import { getMainKeyboardGroup } from '../../helpers'
+import { getSelectOptions } from './helpers'
+import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts'
+
+export const SwitchableLayout = ({
+  onLayoutChange,
+  keys,
+  config,
+  ...props
+}: SwitchableLayoutProps) => {
+  const [selectedLayout, setSelectedLayout] = useState<SelectedLayout>(SelectedLayout.BASIC)
+  const { width } = useWindowDimensions()
+  const selectOptions = getSelectOptions({
+    selectedLayout,
+    onBasicPressIn: () => {
+      setSelectedLayout(SelectedLayout.BASIC)
+      onLayoutChange?.(false)
+    },
+    onSecondaryPressIn: () => {
+      setSelectedLayout(SelectedLayout.SECONDARY)
+      onLayoutChange?.(true)
+    },
+    BasicIcon: config.BasicIcon,
+    SecondaryIcon: config.SecondaryIcon,
+  })
+  const isDesktop =
+    width > KEYBOARD_LAYOUTS[config.secondaryKeyboardType].mobileBreakpoint && !IS_MOBILE
+
+  const keyboardGroups = useMemo(() => {
+    const secondary = getMainKeyboardGroup(keys, config.secondaryKeyboardType)
+    const basic = getMainKeyboardGroup(
+      keys,
+      isDesktop ? KeyboardType.BasicPlusPlus : KeyboardType.BasicPlusPlusMobile,
+    )
+
+    return new Map([
+      [SelectedLayout.BASIC, basic],
+      [SelectedLayout.SECONDARY, secondary],
+    ])
+  }, [isDesktop, keys, config.secondaryKeyboardType])
+
+  const currentKeys = keyboardGroups.get(selectedLayout)?.keys ?? []
+
+  return (
+    <View style={styles.container}>
+      {isDesktop && (
+        <SelectGroup
+          numOfRows={2}
+          options={selectOptions}
+          size={SelectOptionSize.SMALL}
+          style={{
+            container: styles.optionContainer,
+            option: { container: styles.option },
+          }}
+          color={props.color}
+          selectedOptions={[
+            selectedLayout === SelectedLayout.BASIC ? selectOptions[0] : selectOptions[1],
+          ]}
+        />
+      )}
+      <KeysList keys={currentKeys} numOfRows={3} {...props} />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    display: 'flex',
+    flexDirection: 'row',
+    gap: SPACING[400],
+    paddingRight: SPACING[400],
+  },
+  optionContainer: {
+    flexGrow: 0,
+    flexShrink: 0,
+    flexBasis: IS_MOBILE ? 60 : 'auto',
+    width: 'auto',
+    paddingRight: 18,
+    borderRightWidth: 1,
+    borderRightColor: COLORS.NEUTRAL_3,
+    maxWidth: 65,
+    gap: 9,
+  },
+  option: {
+    flexBasis: 45,
+    width: 44,
+  },
+})

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

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react'
+import { SelectedLayout, LayoutOption } from './types'
+
+type GetSelectOptionsProps = {
+  selectedLayout: SelectedLayout
+  onBasicPressIn: () => void
+  onSecondaryPressIn: () => void
+  BasicIcon: (isSelected: boolean) => ReactNode
+  SecondaryIcon: (isSelected: boolean) => ReactNode
+}
+
+export function getSelectOptions({
+  selectedLayout,
+  onBasicPressIn,
+  onSecondaryPressIn,
+  BasicIcon,
+  SecondaryIcon,
+}: GetSelectOptionsProps): LayoutOption[] {
+  return [
+    {
+      key: SelectedLayout.BASIC,
+      title: BasicIcon(selectedLayout === SelectedLayout.BASIC),
+      onPressIn: onBasicPressIn,
+    },
+    {
+      key: SelectedLayout.SECONDARY,
+      title: SecondaryIcon(selectedLayout === SelectedLayout.SECONDARY),
+      onPressIn: onSecondaryPressIn,
+    },
+  ]
+}

package/src/features/keyboard/components/SwitchableLayout/types.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react'
+import { KeyboardLayoutProps } from '../../types/types'
+import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts'
+
+export enum SelectedLayout {
+  BASIC = 'basic',
+  SECONDARY = 'secondary',
+}
+
+export type LayoutOption = {
+  key: SelectedLayout
+  title: ReactNode
+  onPressIn: () => void
+}
+
+export type SwitchableLayoutConfig = {
+  secondaryKeyboardType: keyof typeof KEYBOARD_LAYOUTS
+  BasicIcon: (isSelected: boolean) => ReactNode
+  SecondaryIcon: (isSelected: boolean) => ReactNode
+}
+
+export type SwitchableLayoutProps = KeyboardLayoutProps & {
+  config: SwitchableLayoutConfig
+}

package/src/features/keyboard/constants/groups/geometry.constants.ts

@@ -0,0 +1,25 @@
+import {
+  MATH_BASIC_OPERATORS,
+  MATH_GEOMETRY_SYMBOLS,
+} from '../keys'
+import { KeyboardGroup } from '../../types/types'
+
+export const KEYBOARD_GEOMETRY: KeyboardGroup = {
+  keys: [
+    MATH_GEOMETRY_SYMBOLS.ANGLE,
+    MATH_GEOMETRY_SYMBOLS.TRIANGLE,
+    MATH_GEOMETRY_SYMBOLS.THEREFORE,
+    MATH_GEOMETRY_SYMBOLS.IMPLIES,
+    MATH_BASIC_OPERATORS.SIMILARITY,
+    MATH_GEOMETRY_SYMBOLS.LINE_SEGMENT,
+    MATH_GEOMETRY_SYMBOLS.RIGHT_DIRECTED_SEGMENT,
+    MATH_GEOMETRY_SYMBOLS.BIDIRECTIONAL_SEGMENT,
+    MATH_GEOMETRY_SYMBOLS.PERPENDICULAR,
+    MATH_BASIC_OPERATORS.APPROXIMATELY_EQUAL,
+    MATH_GEOMETRY_SYMBOLS.A,
+    MATH_GEOMETRY_SYMBOLS.B,
+    MATH_GEOMETRY_SYMBOLS.C,
+    MATH_GEOMETRY_SYMBOLS.PARALLEL,
+    MATH_BASIC_OPERATORS.CONGRUENT,
+  ],
+}

package/src/features/keyboard/constants/groups/index.ts

@@ -3,6 +3,7 @@ export * from './basic.constants'
 export * from './basicPlus.constants'
 export * from './basicPlusPlus.constants'
 export * from './currency.constants'
+export * from './geometry.constants'
 export * from './numpad.constants'
 export * from './time.constants'
 export * from './underlined.constants'

package/src/features/keyboard/constants/keyboard.constants.ts

@@ -7,6 +7,12 @@ export const DEFAULT_KEY_ICON_PROPS = {
 
 export const MOBILE_LAYOUT_WIDTH = 1200
 
+export const MOBILE_BREAKPOINT = {
+  LARGE: 1300,
+  MEDIUM: 1220,
+  SMALL: 990,
+} as const
+
 export const KEYBOARD_DEFAULT_TEXT_STYLE = {
   fontSize: 14,
   fontWeight: 700,

package/src/features/keyboard/constants/keyboard.helpers.ts

@@ -18,6 +18,7 @@ import {
   KEYBOARD_BASIC_PLUS,
   KEYBOARD_BASIC_PLUS_PLUS,
   KEYBOARD_CURRENCY,
+  KEYBOARD_GEOMETRY,
   KEYBOARD_LENGTH,
   KEYBOARD_NUMPAD,
   KEYBOARD_TIME,
@@ -44,6 +45,7 @@ const PRESET_DOT_MIXED: KeyboardPresetConfig = {
     [KeyboardType.BasicPlusPlusMobile]: KEYBOARD_BASIC_PLUS_PLUS.MOBILE_DOT,
     [KeyboardType.BasicUnits]: { keys: KEYBOARD_LENGTH.MIXED.keys[0] },
     [KeyboardType.AlgebraAdvanced]: KEYBOARD_ALGEBRA,
+    [KeyboardType.Geometry]: KEYBOARD_GEOMETRY,
     [KeyboardType.Numpad]: KEYBOARD_NUMPAD.DOT,
     [KeyboardType.Underlined]: KEYBOARD_UNDERLINED,
   },
@@ -65,6 +67,7 @@ const PRESET_COMMA_METRIC: KeyboardPresetConfig = {
     [KeyboardType.BasicPlusPlusMobile]: KEYBOARD_BASIC_PLUS_PLUS.MOBILE_COMMA,
     [KeyboardType.BasicUnits]: { keys: KEYBOARD_LENGTH.METRIC.keys[0] },
     [KeyboardType.AlgebraAdvanced]: KEYBOARD_ALGEBRA,
+    [KeyboardType.Geometry]: KEYBOARD_GEOMETRY,
     [KeyboardType.Numpad]: KEYBOARD_NUMPAD.COMMA,
     [KeyboardType.Underlined]: KEYBOARD_UNDERLINED,
   },

package/src/features/keyboard/constants/keyboardLayouts.ts

@@ -5,8 +5,9 @@ import { TimeBasicLayout } from '../components/BasicLayout/TimeBasicLayout'
 import { CurrencyBasicLayout } from '../components/BasicLayout/CurrencyBasicLayout'
 import { UnitsLayout } from '../components/UnitsLayout/UnitsLayout'
 import { BasicPlusPlusLayout } from '../components/BasicPlusPlusLayout/BasicPlusPlusLayout'
+import { GeometryLayout } from '../components/GeometryLayout/GeometryLayout'
 import { MyScriptMathCharacterTypes } from '../../../types/characterTypes'
-import { MOBILE_LAYOUT_WIDTH } from './keyboard.constants'
+import { MOBILE_BREAKPOINT, MOBILE_LAYOUT_WIDTH } from './keyboard.constants'
 import { KeyboardType } from '../types/types'
 
 export const KEYBOARD_LAYOUTS = {
@@ -19,12 +20,12 @@ export const KEYBOARD_LAYOUTS = {
       MyScriptMathCharacterTypes.ALGEBRA_GREEK,
       MyScriptMathCharacterTypes.GENERAL_MATH,
     ],
-    mobileBreakpoint: 1300,
+    mobileBreakpoint: MOBILE_BREAKPOINT.LARGE,
   },
   [KeyboardType.Basic]: {
     Component: BasicLayout,
     characterTypes: [MyScriptMathCharacterTypes.NUMBERS_WHOLE],
-    mobileBreakpoint: 990,
+    mobileBreakpoint: MOBILE_BREAKPOINT.SMALL,
   },
   [KeyboardType.BasicPlus]: {
     Component: BasicPlusLayout,
@@ -37,14 +38,17 @@ export const KEYBOARD_LAYOUTS = {
       MyScriptMathCharacterTypes.PERCENT,
       MyScriptMathCharacterTypes.NUMBERS_RATIONAL,
     ],
+    mobileBreakpoint: MOBILE_LAYOUT_WIDTH,
   },
   [KeyboardType.BasicTime]: {
     Component: TimeBasicLayout,
     characterTypes: [MyScriptMathCharacterTypes.TIME],
+    mobileBreakpoint: MOBILE_LAYOUT_WIDTH,
   },
   [KeyboardType.BasicCurrency]: {
     Component: CurrencyBasicLayout,
     characterTypes: [MyScriptMathCharacterTypes.CURRENCY],
+    mobileBreakpoint: MOBILE_LAYOUT_WIDTH,
   },
   [KeyboardType.BasicUnits]: {
     Component: UnitsLayout,
@@ -52,14 +56,20 @@ export const KEYBOARD_LAYOUTS = {
       MyScriptMathCharacterTypes.NUMBERS_AND_UNITS,
       MyScriptMathCharacterTypes.UNITS,
     ],
+    mobileBreakpoint: MOBILE_LAYOUT_WIDTH,
   },
   [KeyboardType.BasicPlusPlus]: {
     Component: BasicPlusPlusLayout,
+    characterTypes: [] as MyScriptMathCharacterTypes[],
+    mobileBreakpoint: MOBILE_BREAKPOINT.MEDIUM,
+  },
+  [KeyboardType.Geometry]: {
+    Component: GeometryLayout,
     characterTypes: [
       MyScriptMathCharacterTypes.GEOM_ANGLES,
       MyScriptMathCharacterTypes.GEOM_COORDINATE,
     ],
-    mobileBreakpoint: 1220,
+    mobileBreakpoint: MOBILE_BREAKPOINT.LARGE,
   },
 }
 
@@ -95,7 +105,7 @@ export function isBasicPlusPlusLayout(charType?: number) {
   }
 
   return (
-    KEYBOARD_LAYOUTS[KeyboardType.BasicPlusPlus].characterTypes.includes(charType) ||
+    KEYBOARD_LAYOUTS[KeyboardType.Geometry].characterTypes.includes(charType) ||
     KEYBOARD_LAYOUTS[KeyboardType.AlgebraAdvanced].characterTypes.includes(charType)
   )
 }