@khanacademy/math-input 26.1.1 → 26.1.2

package/dist/es/index.js

@@ -14,7 +14,7 @@ import { TransitionGroup } from 'react-transition-group';
 import { withActionScheduler } from '@khanacademy/wonder-blocks-timing';
 import PropTypes from 'prop-types';
 
-const libName="@khanacademy/math-input";const libVersion="26.1.1";addLibraryVersionToPerseusDebug(libName,libVersion);
+const libName="@khanacademy/math-input";const libVersion="26.1.2";addLibraryVersionToPerseusDebug(libName,libVersion);
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -1437,7 +1437,7 @@ const IconAsset=function({tintColor,type}){switch(type){case "Geometry":{return
 
 const styles$6=StyleSheet.create({base:{display:"flex",width:44,height:38,boxSizing:"border-box",borderRadius:3,border:`1px solid transparent`,marginRight:1,marginLeft:1},hovered:{border:"1px solid #1865F2"},pressed:{background:"#1B50B3"},focused:{outline:"none",border:`2px solid ${color.blue}`},innerBox:{boxSizing:"border-box",border:`1px solid transparent`,borderRadius:2,display:"flex",flex:1,justifyContent:"center",alignItems:"center"},innerBoxPressed:{border:`1px solid ${color.white}`},activeIndicator:{position:"absolute",boxSizing:"border-box",bottom:3,width:36,height:3,marginLeft:3},clickable:{":focus":{outline:`none`}}});function imageTintColor(itemState,hovered,focused,pressed){if(itemState==="disabled"){return color.offBlack64}else if(pressed){return color.white}else if(itemState==="active"){return color.blue}else if(hovered){return color.blue}return color.offBlack64}function TabbarItem(props){const{onClick,itemType,itemState,focus,role}=props;const tabRef=useRef(null);useEffect(()=>{let timeout;if(role==="tab"&&focus){timeout=setTimeout(()=>{if(tabRef?.current){tabRef?.current.focus();}},0);}return ()=>clearTimeout(timeout)},[role,focus,tabRef]);return jsxRuntimeExports.jsx(Clickable,{onClick:onClick,disabled:itemState==="disabled","aria-label":itemType,style:styles$6.clickable,"aria-selected":itemState==="active",tabIndex:role==="button"?0:focus?0:-1,role:role,ref:tabRef,children:({hovered,focused,pressed})=>{const tintColor=imageTintColor(itemState,hovered,focused,pressed);return jsxRuntimeExports.jsxs(View$1,{style:[styles$6.base,itemState!=="disabled"&&hovered&&styles$6.hovered,focused&&styles$6.focused,pressed&&styles$6.pressed],children:[jsxRuntimeExports.jsx(View$1,{style:[styles$6.innerBox,pressed&&styles$6.innerBoxPressed],children:jsxRuntimeExports.jsx(IconAsset,{type:itemType,tintColor:tintColor})}),itemState==="active"&&jsxRuntimeExports.jsx(View$1,{style:[styles$6.activeIndicator,{backgroundColor:tintColor}]})]})}})}
 
-const styles$5=StyleSheet.create({tabbar:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingTop:2,paddingBottom:2},pages:{display:"flex",flexDirection:"row"}});function Tabbar(props){const{items,onClickClose,selectedItem,onSelectItem,style}=props;const selectedIndex=items.indexOf(selectedItem);const[focus,setFocus]=useState(selectedIndex===-1?0:selectedIndex);const onArrowKeyFocus=e=>{if(e.keyCode===39){setFocus(focus===items.length-1?0:focus+1);}else if(e.keyCode===37){setFocus(focus===0?items.length-1:focus-1);}};return jsxRuntimeExports.jsxs(View$1,{style:[styles$5.tabbar,style],children:[items.length>0&&jsxRuntimeExports.jsx(View$1,{style:[styles$5.pages],role:"tablist",onKeyDown:onArrowKeyFocus,children:items.map((item,index)=>jsxRuntimeExports.jsx(TabbarItem,{role:"tab",itemState:item===selectedItem?"active":"inactive",itemType:item,focus:focus===index,onClick:()=>{onSelectItem(item);}},`tabbar-item-${item}`))}),jsxRuntimeExports.jsx(View$1,{children:onClickClose&&jsxRuntimeExports.jsx(TabbarItem,{role:"button",itemState:"inactive",itemType:"Dismiss",onClick:onClickClose})})]})}
+const styles$5=StyleSheet.create({tabbar:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingTop:2,paddingBottom:2,direction:"ltr"},pages:{display:"flex",flexDirection:"row"}});function Tabbar(props){const{items,onClickClose,selectedItem,onSelectItem,style}=props;const selectedIndex=items.indexOf(selectedItem);const[focus,setFocus]=useState(selectedIndex===-1?0:selectedIndex);const onArrowKeyFocus=e=>{if(e.keyCode===39){setFocus(focus===items.length-1?0:focus+1);}else if(e.keyCode===37){setFocus(focus===0?items.length-1:focus-1);}};return jsxRuntimeExports.jsxs(View$1,{style:[styles$5.tabbar,style],children:[items.length>0&&jsxRuntimeExports.jsx(View$1,{style:[styles$5.pages],role:"tablist",onKeyDown:onArrowKeyFocus,children:items.map((item,index)=>jsxRuntimeExports.jsx(TabbarItem,{role:"tab",itemState:item===selectedItem?"active":"inactive",itemType:item,focus:focus===index,onClick:()=>{onSelectItem(item);}},`tabbar-item-${item}`))}),jsxRuntimeExports.jsx(View$1,{children:onClickClose&&jsxRuntimeExports.jsx(TabbarItem,{role:"button",itemState:"inactive",itemType:"Dismiss",onClick:onClickClose})})]})}
 
 const getDefaultOperatorFields=({key,keyType="OPERATOR",ariaLabel=key,data=key})=>({id:key,type:keyType,ariaLabel,icon:{data}});const getDefaultValueFields=({key,keyType="VALUE",ariaLabel=key,data=key})=>({id:key,type:keyType,ariaLabel,icon:{data}});const getDefaultNumberFields=({key,data=key.replace("NUM_",""),keyType="VALUE",ariaLabel=data})=>({id:key,type:keyType,ariaLabel,icon:{data}});const KeyConfigs=strings=>({PLUS:{...getDefaultOperatorFields({key:"PLUS",ariaLabel:strings.plus})},MINUS:{...getDefaultOperatorFields({key:"MINUS",ariaLabel:strings.minus})},NEGATIVE:{...getDefaultOperatorFields({key:"NEGATIVE",ariaLabel:strings.negative})},TIMES:{...getDefaultOperatorFields({key:"TIMES",ariaLabel:strings.times})},DIVIDE:{...getDefaultOperatorFields({key:"DIVIDE",ariaLabel:strings.divide})},DECIMAL:{...getDefaultOperatorFields({key:"DECIMAL",keyType:"VALUE",ariaLabel:strings.decimal})},PERIOD:{...getDefaultOperatorFields({key:"PERIOD",keyType:"VALUE",ariaLabel:"."})},PERCENT:{...getDefaultOperatorFields({key:"PERCENT",ariaLabel:strings.percent})},CDOT:{...getDefaultOperatorFields({key:"CDOT",ariaLabel:strings.cdot})},EQUAL:{...getDefaultOperatorFields({key:"EQUAL",ariaLabel:strings.equalsSign})},NEQ:{...getDefaultOperatorFields({key:"NEQ",ariaLabel:strings.notEqualsSign})},GT:{...getDefaultOperatorFields({key:"GT",ariaLabel:strings.greaterThanSign})},LT:{...getDefaultOperatorFields({key:"LT",ariaLabel:strings.lessThanSign})},GEQ:{...getDefaultOperatorFields({key:"GEQ",ariaLabel:strings.greaterThanOrEqualToSign})},LEQ:{...getDefaultOperatorFields({key:"LEQ",ariaLabel:strings.lessThanOrEqualSign})},FRAC_INCLUSIVE:{...getDefaultOperatorFields({key:"FRAC_INCLUSIVE",ariaLabel:strings.fractionExpressionInNumerator})},FRAC_EXCLUSIVE:{...getDefaultOperatorFields({key:"FRAC_EXCLUSIVE",ariaLabel:strings.fractionExcludingExpression})},FRAC:{...getDefaultOperatorFields({key:"FRAC",ariaLabel:strings.fractionExcludingExpression})},EXP:{...getDefaultOperatorFields({key:"EXP",ariaLabel:strings.customExponent})},EXP_2:{...getDefaultOperatorFields({key:"EXP_2",ariaLabel:strings.square})},EXP_3:{...getDefaultOperatorFields({key:"EXP_3",ariaLabel:strings.cube})},SQRT:{...getDefaultOperatorFields({key:"SQRT",ariaLabel:strings.squareRoot})},CUBE_ROOT:{...getDefaultOperatorFields({key:"CUBE_ROOT",ariaLabel:strings.cubeRoot})},RADICAL:{...getDefaultOperatorFields({key:"RADICAL",ariaLabel:strings.radicalWithCustomRoot})},LEFT_PAREN:{...getDefaultOperatorFields({key:"LEFT_PAREN",ariaLabel:strings.leftParenthesis})},RIGHT_PAREN:{...getDefaultOperatorFields({key:"RIGHT_PAREN",ariaLabel:strings.rightParenthesis})},LN:{...getDefaultOperatorFields({key:"LN",ariaLabel:strings.naturalLog})},LOG:{...getDefaultOperatorFields({key:"LOG",ariaLabel:strings.logBase10})},LOG_N:{...getDefaultOperatorFields({key:"LOG_N",ariaLabel:strings.logCustomBase})},SIN:{...getDefaultOperatorFields({key:"SIN",ariaLabel:strings.sine})},COS:{...getDefaultOperatorFields({key:"COS",ariaLabel:strings.cosine})},TAN:{...getDefaultOperatorFields({key:"TAN",ariaLabel:strings.tangent})},PI:{...getDefaultValueFields({key:"PI",data:"\\pi",ariaLabel:strings.pi})},THETA:{...getDefaultValueFields({key:"THETA",data:"\\theta",ariaLabel:strings.theta})},UP:{...getDefaultOperatorFields({key:"UP",keyType:"INPUT_NAVIGATION",ariaLabel:strings.upArrow})},RIGHT:{...getDefaultOperatorFields({key:"RIGHT",keyType:"INPUT_NAVIGATION",ariaLabel:strings.rightArrow})},DOWN:{...getDefaultOperatorFields({key:"DOWN",keyType:"INPUT_NAVIGATION",ariaLabel:strings.downArrow})},LEFT:{...getDefaultOperatorFields({key:"LEFT",keyType:"INPUT_NAVIGATION",ariaLabel:strings.leftArrow})},JUMP_OUT_PARENTHESES:{...getDefaultOperatorFields({key:"JUMP_OUT_PARENTHESES",keyType:"INPUT_NAVIGATION",ariaLabel:strings.navOutOfParentheses})},JUMP_OUT_EXPONENT:{...getDefaultOperatorFields({key:"JUMP_OUT_EXPONENT",keyType:"INPUT_NAVIGATION",ariaLabel:strings.navOutOfExponent})},JUMP_OUT_BASE:{...getDefaultOperatorFields({key:"JUMP_OUT_BASE",keyType:"INPUT_NAVIGATION",ariaLabel:strings.navOutOfBase})},JUMP_INTO_NUMERATOR:{...getDefaultOperatorFields({key:"JUMP_INTO_NUMERATOR",keyType:"INPUT_NAVIGATION",ariaLabel:strings.navIntoNumerator})},JUMP_OUT_NUMERATOR:{...getDefaultOperatorFields({key:"JUMP_OUT_NUMERATOR",keyType:"INPUT_NAVIGATION",ariaLabel:strings.navOutOfNumeratorIntoDenominator})},JUMP_OUT_DENOMINATOR:{...getDefaultOperatorFields({key:"JUMP_OUT_DENOMINATOR",keyType:"INPUT_NAVIGATION",ariaLabel:strings.navOutOfDenominator})},BACKSPACE:{...getDefaultOperatorFields({key:"BACKSPACE",keyType:"INPUT_NAVIGATION",ariaLabel:strings.delete})},DISMISS:{...getDefaultOperatorFields({key:"DISMISS",keyType:"KEYPAD_NAVIGATION",ariaLabel:strings.dismiss})},NUM_0:{...getDefaultNumberFields({key:"NUM_0"})},NUM_1:{...getDefaultNumberFields({key:"NUM_1"})},NUM_2:{...getDefaultNumberFields({key:"NUM_2"})},NUM_3:{...getDefaultNumberFields({key:"NUM_3"})},NUM_4:{...getDefaultNumberFields({key:"NUM_4"})},NUM_5:{...getDefaultNumberFields({key:"NUM_5"})},NUM_6:{...getDefaultNumberFields({key:"NUM_6"})},NUM_7:{...getDefaultNumberFields({key:"NUM_7"})},NUM_8:{...getDefaultNumberFields({key:"NUM_8"})},NUM_9:{...getDefaultNumberFields({key:"NUM_9"})},A:{...getDefaultValueFields({key:"A"})},B:{...getDefaultValueFields({key:"B"})},C:{...getDefaultValueFields({key:"C"})},D:{...getDefaultValueFields({key:"D"})},E:{...getDefaultValueFields({key:"E"})},F:{...getDefaultValueFields({key:"F"})},G:{...getDefaultValueFields({key:"G"})},H:{...getDefaultValueFields({key:"H"})},I:{...getDefaultValueFields({key:"I"})},J:{...getDefaultValueFields({key:"J"})},K:{...getDefaultValueFields({key:"K"})},L:{...getDefaultValueFields({key:"L"})},M:{...getDefaultValueFields({key:"M"})},N:{...getDefaultValueFields({key:"N"})},O:{...getDefaultValueFields({key:"O"})},P:{...getDefaultValueFields({key:"P"})},Q:{...getDefaultValueFields({key:"Q"})},R:{...getDefaultValueFields({key:"R"})},S:{...getDefaultValueFields({key:"S"})},T:{...getDefaultValueFields({key:"T"})},U:{...getDefaultValueFields({key:"U"})},V:{...getDefaultValueFields({key:"V"})},W:{...getDefaultValueFields({key:"W"})},X:{...getDefaultValueFields({key:"X"})},Y:{...getDefaultValueFields({key:"Y"})},Z:{...getDefaultValueFields({key:"Z"})},a:{...getDefaultValueFields({key:"a"})},b:{...getDefaultValueFields({key:"b"})},c:{...getDefaultValueFields({key:"c"})},d:{...getDefaultValueFields({key:"d"})},e:{...getDefaultValueFields({key:"e"})},f:{...getDefaultValueFields({key:"f"})},g:{...getDefaultValueFields({key:"g"})},h:{...getDefaultValueFields({key:"h"})},i:{...getDefaultValueFields({key:"i"})},j:{...getDefaultValueFields({key:"j"})},k:{...getDefaultValueFields({key:"k"})},l:{...getDefaultValueFields({key:"l"})},m:{...getDefaultValueFields({key:"m"})},n:{...getDefaultValueFields({key:"n"})},o:{...getDefaultValueFields({key:"o"})},p:{...getDefaultValueFields({key:"p"})},q:{...getDefaultValueFields({key:"q"})},r:{...getDefaultValueFields({key:"r"})},s:{...getDefaultValueFields({key:"s"})},t:{...getDefaultValueFields({key:"t"})},u:{...getDefaultValueFields({key:"u"})},v:{...getDefaultValueFields({key:"v"})},w:{...getDefaultValueFields({key:"w"})},x:{...getDefaultValueFields({key:"x"})},y:{...getDefaultValueFields({key:"y"})},z:{...getDefaultValueFields({key:"z"})}});
 
@@ -1463,7 +1463,7 @@ function NavigationPad(props){const{onClickKey}=props;const{strings}=useMathInpu
 
 function SharedKeys(props){const{onClickKey,cursorContext,divisionKey,convertDotToTimes,selectedPage}=props;const{strings,locale}=useMathInputI18n();const cursorKeyConfig=getCursorContextConfig(strings,cursorContext);const Keys=KeyConfigs(strings);const fractionCoord=selectedPage==="Numbers"||selectedPage==="Operators"?[3,1]:[3,0];return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx(KeypadButton,{keyConfig:Keys.FRAC,onClickKey:onClickKey,coord:fractionCoord,secondary:true}),jsxRuntimeExports.jsx(KeypadButton,{keyConfig:Keys.PLUS,onClickKey:onClickKey,coord:[4,0],secondary:true}),jsxRuntimeExports.jsx(KeypadButton,{keyConfig:Keys.MINUS,onClickKey:onClickKey,coord:[5,0],secondary:true}),jsxRuntimeExports.jsx(KeypadButton,{keyConfig:convertDotToTimesByLocale(locale,!!convertDotToTimes)?Keys.TIMES:Keys.CDOT,onClickKey:onClickKey,coord:[4,1],secondary:true}),divisionKey&&jsxRuntimeExports.jsx(KeypadButton,{keyConfig:Keys.DIVIDE,onClickKey:onClickKey,coord:[5,1],secondary:true}),jsxRuntimeExports.jsx(KeypadButton,{keyConfig:Keys.LEFT_PAREN,onClickKey:onClickKey,coord:[4,2],secondary:true}),jsxRuntimeExports.jsx(KeypadButton,{keyConfig:Keys.RIGHT_PAREN,onClickKey:onClickKey,coord:[5,2],secondary:true}),cursorKeyConfig&&jsxRuntimeExports.jsx(KeypadButton,{keyConfig:cursorKeyConfig,onClickKey:onClickKey,coord:[4,3],secondary:true}),jsxRuntimeExports.jsx(KeypadButton,{keyConfig:Keys.BACKSPACE,onClickKey:onClickKey,coord:[5,3],secondary:true})]})}
 
-function getAvailableTabs(props){if(props.fractionsOnly){return []}const tabs=["Numbers"];if(props.preAlgebra||props.logarithms||props.basicRelations||props.advancedRelations){tabs.push("Operators");}if(props.trigonometry){tabs.push("Geometry");}if(props.extraKeys?.length){tabs.push("Extras");}return tabs}function Keypad({extraKeys=[],...props}){const defaultSelectedPage=props.fractionsOnly?"Fractions":"Numbers";const[selectedPage,setSelectedPage]=React.useState(defaultSelectedPage);const[isMounted,setIsMounted]=React.useState(false);const availableTabs=getAvailableTabs({...props,extraKeys});const{onClickKey,cursorContext,convertDotToTimes,divisionKey,preAlgebra,logarithms,basicRelations,advancedRelations,scientific,showDismiss,onAnalyticsEvent,fractionsOnly,expandedView}=props;const gridStyle=fractionsOnly?styles$1.fractionsGrid:styles$1.expressionGrid;useEffect(()=>{setSelectedPage(defaultSelectedPage);},[fractionsOnly,defaultSelectedPage]);useEffect(()=>{if(!isMounted){onAnalyticsEvent({type:"math-input:keypad-opened",payload:{virtualKeypadVersion:"MATH_INPUT_KEYPAD_V2"}});setIsMounted(true);}return ()=>{if(isMounted){onAnalyticsEvent({type:"math-input:keypad-closed",payload:{virtualKeypadVersion:"MATH_INPUT_KEYPAD_V2"}});setIsMounted(false);}}},[onAnalyticsEvent,isMounted]);return jsxRuntimeExports.jsx(View$1,{style:expandedView?styles$1.keypadOuterContainer:null,children:jsxRuntimeExports.jsxs(View$1,{style:[styles$1.wrapper,expandedView?styles$1.expandedWrapper:null],children:[jsxRuntimeExports.jsx(Tabbar,{items:availableTabs,selectedItem:selectedPage,onSelectItem:newSelectedPage=>{setSelectedPage(newSelectedPage);},onClickClose:showDismiss?()=>onClickKey("DISMISS"):undefined}),jsxRuntimeExports.jsxs(View$1,{style:styles$1.keypadInnerContainer,children:[jsxRuntimeExports.jsxs(View$1,{style:[styles$1.keypadGrid,gridStyle],"aria-label":"Keypad",children:[selectedPage==="Fractions"&&jsxRuntimeExports.jsx(FractionsPage,{onClickKey:onClickKey,cursorContext:cursorContext}),selectedPage==="Numbers"&&jsxRuntimeExports.jsx(NumbersPage,{onClickKey:onClickKey,scientific:scientific}),selectedPage==="Extras"&&jsxRuntimeExports.jsx(ExtrasPage,{onClickKey:onClickKey,extraKeys:extraKeys}),selectedPage==="Operators"&&jsxRuntimeExports.jsx(OperatorsPage,{onClickKey:onClickKey,preAlgebra:preAlgebra,logarithms:logarithms,basicRelations:basicRelations,advancedRelations:advancedRelations}),selectedPage==="Geometry"&&jsxRuntimeExports.jsx(GeometryPage,{onClickKey:onClickKey}),!fractionsOnly&&jsxRuntimeExports.jsx(SharedKeys,{onClickKey:onClickKey,cursorContext:cursorContext,convertDotToTimes:convertDotToTimes,divisionKey:divisionKey,selectedPage:selectedPage})]}),expandedView&&jsxRuntimeExports.jsx(NavigationPad,{onClickKey:onClickKey})]})]})})}const styles$1=StyleSheet.create({keypadOuterContainer:{display:"flex",alignItems:"center"},wrapper:{background:color.white},expandedWrapper:{borderWidth:"1px 1px 0 1px",borderColor:color.offBlack32,maxWidth:expandedViewThreshold,borderRadius:"3px 3px 0 0"},keypadInnerContainer:{display:"flex",flexDirection:"row",backgroundColor:"#DBDCDD"},keypadGrid:{display:"grid",gridTemplateRows:"repeat(4, 1fr)",flex:1},expressionGrid:{gridTemplateColumns:"repeat(6, 1fr)"},fractionsGrid:{gridTemplateColumns:"repeat(5, 1fr)"}});
+function getAvailableTabs(props){if(props.fractionsOnly){return []}const tabs=["Numbers"];if(props.preAlgebra||props.logarithms||props.basicRelations||props.advancedRelations){tabs.push("Operators");}if(props.trigonometry){tabs.push("Geometry");}if(props.extraKeys?.length){tabs.push("Extras");}return tabs}function Keypad({extraKeys=[],...props}){const defaultSelectedPage=props.fractionsOnly?"Fractions":"Numbers";const[selectedPage,setSelectedPage]=React.useState(defaultSelectedPage);const[isMounted,setIsMounted]=React.useState(false);const availableTabs=getAvailableTabs({...props,extraKeys});const{onClickKey,cursorContext,convertDotToTimes,divisionKey,preAlgebra,logarithms,basicRelations,advancedRelations,scientific,showDismiss,onAnalyticsEvent,fractionsOnly,expandedView}=props;const gridStyle=fractionsOnly?styles$1.fractionsGrid:styles$1.expressionGrid;useEffect(()=>{setSelectedPage(defaultSelectedPage);},[fractionsOnly,defaultSelectedPage]);useEffect(()=>{if(!isMounted){onAnalyticsEvent({type:"math-input:keypad-opened",payload:{virtualKeypadVersion:"MATH_INPUT_KEYPAD_V2"}});setIsMounted(true);}return ()=>{if(isMounted){onAnalyticsEvent({type:"math-input:keypad-closed",payload:{virtualKeypadVersion:"MATH_INPUT_KEYPAD_V2"}});setIsMounted(false);}}},[onAnalyticsEvent,isMounted]);return jsxRuntimeExports.jsx(View$1,{style:expandedView?styles$1.keypadOuterContainer:null,children:jsxRuntimeExports.jsxs(View$1,{style:[styles$1.wrapper,expandedView?styles$1.expandedWrapper:null],children:[jsxRuntimeExports.jsx(Tabbar,{items:availableTabs,selectedItem:selectedPage,onSelectItem:newSelectedPage=>{setSelectedPage(newSelectedPage);},onClickClose:showDismiss?()=>onClickKey("DISMISS"):undefined}),jsxRuntimeExports.jsxs(View$1,{style:styles$1.keypadInnerContainer,children:[jsxRuntimeExports.jsxs(View$1,{style:[styles$1.keypadGrid,gridStyle],"aria-label":"Keypad",children:[selectedPage==="Fractions"&&jsxRuntimeExports.jsx(FractionsPage,{onClickKey:onClickKey,cursorContext:cursorContext}),selectedPage==="Numbers"&&jsxRuntimeExports.jsx(NumbersPage,{onClickKey:onClickKey,scientific:scientific}),selectedPage==="Extras"&&jsxRuntimeExports.jsx(ExtrasPage,{onClickKey:onClickKey,extraKeys:extraKeys}),selectedPage==="Operators"&&jsxRuntimeExports.jsx(OperatorsPage,{onClickKey:onClickKey,preAlgebra:preAlgebra,logarithms:logarithms,basicRelations:basicRelations,advancedRelations:advancedRelations}),selectedPage==="Geometry"&&jsxRuntimeExports.jsx(GeometryPage,{onClickKey:onClickKey}),!fractionsOnly&&jsxRuntimeExports.jsx(SharedKeys,{onClickKey:onClickKey,cursorContext:cursorContext,convertDotToTimes:convertDotToTimes,divisionKey:divisionKey,selectedPage:selectedPage})]}),expandedView&&jsxRuntimeExports.jsx(NavigationPad,{onClickKey:onClickKey})]})]})})}const styles$1=StyleSheet.create({keypadOuterContainer:{display:"flex",alignItems:"center"},wrapper:{background:color.white},expandedWrapper:{borderWidth:"1px 1px 0 1px",borderColor:color.offBlack32,maxWidth:expandedViewThreshold,borderRadius:"3px 3px 0 0"},keypadInnerContainer:{display:"flex",flexDirection:"row",backgroundColor:"#DBDCDD",direction:"ltr"},keypadGrid:{display:"grid",gridTemplateRows:"repeat(4, 1fr)",flex:1},expressionGrid:{gridTemplateColumns:"repeat(6, 1fr)"},fractionsGrid:{gridTemplateColumns:"repeat(5, 1fr)"}});
 
 function flatten(list){const result=[];if(!list){return result}if(Array.isArray(list)){for(const item of list){result.push(...flatten(item));}}else {result.push(list);}return result}function processStyleType(style){const stylesheetStyles=[];const inlineStyles=[];if(!style){return {style:{},className:""}}const shouldInlineStyles=typeof globalThis!=="undefined"&&globalThis.SNAPSHOT_INLINE_APHRODITE;flatten(style).forEach(child=>{const _definition=child._definition;if(_definition!=null){if(shouldInlineStyles){const def={};for(const[key,value]of entries(_definition)){def[key.replace(/-[a-z]/g,match=>match[1].toUpperCase())]=value;}inlineStyles.push(def);}else {stylesheetStyles.push(child);}}else {inlineStyles.push(child);}});const inlineStylesObject=Object.assign({},...inlineStyles);if(inlineStyles.length>0&&!shouldInlineStyles){const inlineStylesStyleSheet=StyleSheet.create({inlineStyles:inlineStylesObject});stylesheetStyles.push(inlineStylesStyleSheet.inlineStyles);}return {style:shouldInlineStyles?inlineStylesObject:{},className:css(...stylesheetStyles)}}