@khanacademy/keypad-context 2.0.0 → 3.0.0

package/dist/es/index.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { useState, useMemo } from 'react';
+
+/**
+ * KeypadContext provides a way to the Keypad and Perseus Renderers to
+ * communicate.
+ *
+ * The StatefulKeypadContextProvider wraps the application
+ * while KeypadContext.Consumer wraps things that need this state:
+ * - mobile keypad usages
+ * - Perseus Renderers (Server/Item/Article)
+ */
+// @ts-expect-error - TS2322 - Type 'Context<{ setKeypadElement: (keypadElement: HTMLElement | null | undefined) => void; keypadElement: null; setRenderer: (renderer: RendererInterface | null | undefined) => void; renderer: null; setScrollableElement: (scrollableElement: HTMLElement | ... 1 more ... | undefined) => void; scrollableElement: null; }>' is not assignable to type 'Context<KeypadContext>'.
+const KeypadContext = /*#__PURE__*/React.createContext({
+  setKeypadActive: keypadActive => {},
+  keypadActive: false,
+  setKeypadElement: keypadElement => {},
+  keypadElement: null,
+  setRenderer: renderer => {},
+  renderer: null,
+  setScrollableElement: scrollableElement => {},
+  scrollableElement: null
+});
+function StatefulKeypadContextProvider(props) {
+  // whether or not to display the keypad
+  const [keypadActive, setKeypadActive] = useState(false);
+  // used to communicate between the keypad and the Renderer
+  const [keypadElement, setKeypadElement] = useState();
+  // this is a KeypadContextRendererInterface from Perseus
+  const [renderer, setRenderer] = useState();
+  const [scrollableElement, setScrollableElement] = useState();
+  const memoizedValue = useMemo(() => ({
+    keypadActive,
+    setKeypadActive,
+    keypadElement,
+    setKeypadElement,
+    renderer,
+    setRenderer,
+    scrollableElement,
+    setScrollableElement
+  }), [keypadActive, setKeypadActive, keypadElement, setKeypadElement, renderer, setRenderer, scrollableElement, setScrollableElement]);
+  return /*#__PURE__*/React.createElement(KeypadContext.Provider, {
+    value: memoizedValue
+  }, props.children);
+}
+
+export { KeypadContext, StatefulKeypadContextProvider };
+//# sourceMappingURL=index.js.map

package/dist/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/keypad-context.tsx"],"sourcesContent":["/**\n * KeypadContext provides a way to the Keypad and Perseus Renderers to\n * communicate.\n *\n * The StatefulKeypadContextProvider wraps the application\n * while KeypadContext.Consumer wraps things that need this state:\n * - mobile keypad usages\n * - Perseus Renderers (Server/Item/Article)\n */\nimport * as React from \"react\";\nimport {useState, useMemo} from \"react\";\n\nimport type {KeypadContextType} from \"./types\";\nimport type {KeypadContextRendererInterface} from \"@khanacademy/perseus-core\";\n\n// @ts-expect-error - TS2322 - Type 'Context<{ setKeypadElement: (keypadElement: HTMLElement | null | undefined) => void; keypadElement: null; setRenderer: (renderer: RendererInterface | null | undefined) => void; renderer: null; setScrollableElement: (scrollableElement: HTMLElement | ... 1 more ... | undefined) => void; scrollableElement: null; }>' is not assignable to type 'Context<KeypadContext>'.\nexport const KeypadContext: React.Context<KeypadContextType> =\n    React.createContext({\n        setKeypadActive: (keypadActive) => {},\n        keypadActive: false,\n        setKeypadElement: (keypadElement) => {},\n        keypadElement: null,\n        setRenderer: (renderer) => {},\n        renderer: null,\n        setScrollableElement: (scrollableElement) => {},\n        scrollableElement: null,\n    });\n\ntype Props = React.PropsWithChildren<unknown>;\n\nexport function StatefulKeypadContextProvider(props: Props) {\n    // whether or not to display the keypad\n    const [keypadActive, setKeypadActive] = useState<boolean>(false);\n    // used to communicate between the keypad and the Renderer\n    const [keypadElement, setKeypadElement] = useState<any>();\n    // this is a KeypadContextRendererInterface from Perseus\n    const [renderer, setRenderer] =\n        useState<KeypadContextRendererInterface | null>();\n    const [scrollableElement, setScrollableElement] =\n        useState<HTMLElement | null>();\n\n    const memoizedValue = useMemo(\n        () => ({\n            keypadActive,\n            setKeypadActive,\n            keypadElement,\n            setKeypadElement,\n            renderer,\n            setRenderer,\n            scrollableElement,\n            setScrollableElement,\n        }),\n        [\n            keypadActive,\n            setKeypadActive,\n            keypadElement,\n            setKeypadElement,\n            renderer,\n            setRenderer,\n            scrollableElement,\n            setScrollableElement,\n        ],\n    );\n\n    return (\n        <KeypadContext.Provider value={memoizedValue}>\n            {props.children}\n        </KeypadContext.Provider>\n    );\n}\n"],"names":["KeypadContext","React","createContext","setKeypadActive","keypadActive","setKeypadElement","keypadElement","setRenderer","renderer","setScrollableElement","scrollableElement","StatefulKeypadContextProvider","props","useState","memoizedValue","useMemo","createElement","Provider","value","children"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;MACaA,aAA+C,gBACxDC,KAAK,CAACC,aAAa,CAAC;AAChBC,EAAAA,eAAe,EAAGC,YAAY,IAAK,EAAE;AACrCA,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,gBAAgB,EAAGC,aAAa,IAAK,EAAE;AACvCA,EAAAA,aAAa,EAAE,IAAI;AACnBC,EAAAA,WAAW,EAAGC,QAAQ,IAAK,EAAE;AAC7BA,EAAAA,QAAQ,EAAE,IAAI;AACdC,EAAAA,oBAAoB,EAAGC,iBAAiB,IAAK,EAAE;AAC/CA,EAAAA,iBAAiB,EAAE;AACvB,CAAC;AAIE,SAASC,6BAA6BA,CAACC,KAAY,EAAE;AACxD;EACA,MAAM,CAACR,YAAY,EAAED,eAAe,CAAC,GAAGU,QAAQ,CAAU,KAAK,CAAC;AAChE;EACA,MAAM,CAACP,aAAa,EAAED,gBAAgB,CAAC,GAAGQ,QAAQ,EAAO;AACzD;EACA,MAAM,CAACL,QAAQ,EAAED,WAAW,CAAC,GACzBM,QAAQ,EAAyC;EACrD,MAAM,CAACH,iBAAiB,EAAED,oBAAoB,CAAC,GAC3CI,QAAQ,EAAsB;AAElC,EAAA,MAAMC,aAAa,GAAGC,OAAO,CACzB,OAAO;IACHX,YAAY;IACZD,eAAe;IACfG,aAAa;IACbD,gBAAgB;IAChBG,QAAQ;IACRD,WAAW;IACXG,iBAAiB;AACjBD,IAAAA;AACJ,GAAC,CAAC,EACF,CACIL,YAAY,EACZD,eAAe,EACfG,aAAa,EACbD,gBAAgB,EAChBG,QAAQ,EACRD,WAAW,EACXG,iBAAiB,EACjBD,oBAAoB,CAE5B,CAAC;AAED,EAAA,oBACIR,KAAA,CAAAe,aAAA,CAAChB,aAAa,CAACiB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ;GAC1BF,EAAAA,KAAK,CAACO,QACa,CAAC;AAEjC;;;;"}

package/dist/index.js

@@ -1,7 +1,40 @@
-import * as React from 'react';
-import { useState, useMemo } from 'react';
+'use strict';
 
-const KeypadContext = React.createContext({
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespaceCompat(e) {
+    if (e && typeof e === 'object' && 'default' in e) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+
+/**
+ * KeypadContext provides a way to the Keypad and Perseus Renderers to
+ * communicate.
+ *
+ * The StatefulKeypadContextProvider wraps the application
+ * while KeypadContext.Consumer wraps things that need this state:
+ * - mobile keypad usages
+ * - Perseus Renderers (Server/Item/Article)
+ */
+// @ts-expect-error - TS2322 - Type 'Context<{ setKeypadElement: (keypadElement: HTMLElement | null | undefined) => void; keypadElement: null; setRenderer: (renderer: RendererInterface | null | undefined) => void; renderer: null; setScrollableElement: (scrollableElement: HTMLElement | ... 1 more ... | undefined) => void; scrollableElement: null; }>' is not assignable to type 'Context<KeypadContext>'.
+const KeypadContext = /*#__PURE__*/React__namespace.createContext({
   setKeypadActive: keypadActive => {},
   keypadActive: false,
   setKeypadElement: keypadElement => {},
@@ -12,11 +45,14 @@ const KeypadContext = React.createContext({
   scrollableElement: null
 });
 function StatefulKeypadContextProvider(props) {
-  const [keypadActive, setKeypadActive] = useState(false);
-  const [keypadElement, setKeypadElement] = useState();
-  const [renderer, setRenderer] = useState();
-  const [scrollableElement, setScrollableElement] = useState();
-  const memoizedValue = useMemo(() => ({
+  // whether or not to display the keypad
+  const [keypadActive, setKeypadActive] = React.useState(false);
+  // used to communicate between the keypad and the Renderer
+  const [keypadElement, setKeypadElement] = React.useState();
+  // this is a KeypadContextRendererInterface from Perseus
+  const [renderer, setRenderer] = React.useState();
+  const [scrollableElement, setScrollableElement] = React.useState();
+  const memoizedValue = React.useMemo(() => ({
     keypadActive,
     setKeypadActive,
     keypadElement,
@@ -26,10 +62,11 @@ function StatefulKeypadContextProvider(props) {
     scrollableElement,
     setScrollableElement
   }), [keypadActive, setKeypadActive, keypadElement, setKeypadElement, renderer, setRenderer, scrollableElement, setScrollableElement]);
-  return React.createElement(KeypadContext.Provider, {
+  return /*#__PURE__*/React__namespace.createElement(KeypadContext.Provider, {
     value: memoizedValue
   }, props.children);
 }
 
-export { KeypadContext, StatefulKeypadContextProvider };
+exports.KeypadContext = KeypadContext;
+exports.StatefulKeypadContextProvider = StatefulKeypadContextProvider;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/keypad-context.tsx"],"sourcesContent":["/**\n * KeypadContext provides a way to the Keypad and Perseus Renderers to\n * communicate.\n *\n * The StatefulKeypadContextProvider wraps the application\n * while KeypadContext.Consumer wraps things that need this state:\n * - mobile keypad usages\n * - Perseus Renderers (Server/Item/Article)\n */\nimport * as React from \"react\";\nimport {useState, useMemo} from \"react\";\n\nimport type {KeypadContextType} from \"./types\";\nimport type {KeypadContextRendererInterface} from \"@khanacademy/perseus-core\";\n\n// @ts-expect-error - TS2322 - Type 'Context<{ setKeypadElement: (keypadElement: HTMLElement | null | undefined) => void; keypadElement: null; setRenderer: (renderer: RendererInterface | null | undefined) => void; renderer: null; setScrollableElement: (scrollableElement: HTMLElement | ... 1 more ... | undefined) => void; scrollableElement: null; }>' is not assignable to type 'Context<KeypadContext>'.\nexport const KeypadContext: React.Context<KeypadContextType> =\n    React.createContext({\n        setKeypadActive: (keypadActive) => {},\n        keypadActive: false,\n        setKeypadElement: (keypadElement) => {},\n        keypadElement: null,\n        setRenderer: (renderer) => {},\n        renderer: null,\n        setScrollableElement: (scrollableElement) => {},\n        scrollableElement: null,\n    });\n\ntype Props = React.PropsWithChildren<unknown>;\n\nexport function StatefulKeypadContextProvider(props: Props) {\n    // whether or not to display the keypad\n    const [keypadActive, setKeypadActive] = useState<boolean>(false);\n    // used to communicate between the keypad and the Renderer\n    const [keypadElement, setKeypadElement] = useState<any>();\n    // this is a KeypadContextRendererInterface from Perseus\n    const [renderer, setRenderer] =\n        useState<KeypadContextRendererInterface | null>();\n    const [scrollableElement, setScrollableElement] =\n        useState<HTMLElement | null>();\n\n    const memoizedValue = useMemo(\n        () => ({\n            keypadActive,\n            setKeypadActive,\n            keypadElement,\n            setKeypadElement,\n            renderer,\n            setRenderer,\n            scrollableElement,\n            setScrollableElement,\n        }),\n        [\n            keypadActive,\n            setKeypadActive,\n            keypadElement,\n            setKeypadElement,\n            renderer,\n            setRenderer,\n            scrollableElement,\n            setScrollableElement,\n        ],\n    );\n\n    return (\n        <KeypadContext.Provider value={memoizedValue}>\n            {props.children}\n        </KeypadContext.Provider>\n    );\n}\n"],"names":["KeypadContext","React","createContext","setKeypadActive","keypadActive","setKeypadElement","keypadElement","setRenderer","renderer","setScrollableElement","scrollableElement","StatefulKeypadContextProvider","props","useState","memoizedValue","useMemo","createElement","Provider","value","children"],"mappings":";;;MAgBaA,aAA+C,GACxDC,KAAK,CAACC,aAAa,CAAC;AAChBC,EAAAA,eAAe,EAAGC,YAAY,IAAK,EAAE;AACrCA,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,gBAAgB,EAAGC,aAAa,IAAK,EAAE;AACvCA,EAAAA,aAAa,EAAE,IAAI;AACnBC,EAAAA,WAAW,EAAGC,QAAQ,IAAK,EAAE;AAC7BA,EAAAA,QAAQ,EAAE,IAAI;AACdC,EAAAA,oBAAoB,EAAGC,iBAAiB,IAAK,EAAE;AAC/CA,EAAAA,iBAAiB,EAAE;AACvB,CAAC;AAIE,SAASC,6BAA6BA,CAACC,KAAY,EAAE;EAExD,MAAM,CAACR,YAAY,EAAED,eAAe,CAAC,GAAGU,QAAQ,CAAU,KAAK,CAAC;EAEhE,MAAM,CAACP,aAAa,EAAED,gBAAgB,CAAC,GAAGQ,QAAQ,EAAO;EAEzD,MAAM,CAACL,QAAQ,EAAED,WAAW,CAAC,GACzBM,QAAQ,EAAyC;EACrD,MAAM,CAACH,iBAAiB,EAAED,oBAAoB,CAAC,GAC3CI,QAAQ,EAAsB;AAElC,EAAA,MAAMC,aAAa,GAAGC,OAAO,CACzB,OAAO;IACHX,YAAY;IACZD,eAAe;IACfG,aAAa;IACbD,gBAAgB;IAChBG,QAAQ;IACRD,WAAW;IACXG,iBAAiB;AACjBD,IAAAA;AACJ,GAAC,CAAC,EACF,CACIL,YAAY,EACZD,eAAe,EACfG,aAAa,EACbD,gBAAgB,EAChBG,QAAQ,EACRD,WAAW,EACXG,iBAAiB,EACjBD,oBAAoB,CAE5B,CAAC;AAED,EAAA,OACIR,KAAA,CAAAe,aAAA,CAAChB,aAAa,CAACiB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ;GAC1BF,EAAAA,KAAK,CAACO,QACa,CAAC;AAEjC;;;;"}
+{"version":3,"file":"index.js","sources":["../src/keypad-context.tsx"],"sourcesContent":["/**\n * KeypadContext provides a way to the Keypad and Perseus Renderers to\n * communicate.\n *\n * The StatefulKeypadContextProvider wraps the application\n * while KeypadContext.Consumer wraps things that need this state:\n * - mobile keypad usages\n * - Perseus Renderers (Server/Item/Article)\n */\nimport * as React from \"react\";\nimport {useState, useMemo} from \"react\";\n\nimport type {KeypadContextType} from \"./types\";\nimport type {KeypadContextRendererInterface} from \"@khanacademy/perseus-core\";\n\n// @ts-expect-error - TS2322 - Type 'Context<{ setKeypadElement: (keypadElement: HTMLElement | null | undefined) => void; keypadElement: null; setRenderer: (renderer: RendererInterface | null | undefined) => void; renderer: null; setScrollableElement: (scrollableElement: HTMLElement | ... 1 more ... | undefined) => void; scrollableElement: null; }>' is not assignable to type 'Context<KeypadContext>'.\nexport const KeypadContext: React.Context<KeypadContextType> =\n    React.createContext({\n        setKeypadActive: (keypadActive) => {},\n        keypadActive: false,\n        setKeypadElement: (keypadElement) => {},\n        keypadElement: null,\n        setRenderer: (renderer) => {},\n        renderer: null,\n        setScrollableElement: (scrollableElement) => {},\n        scrollableElement: null,\n    });\n\ntype Props = React.PropsWithChildren<unknown>;\n\nexport function StatefulKeypadContextProvider(props: Props) {\n    // whether or not to display the keypad\n    const [keypadActive, setKeypadActive] = useState<boolean>(false);\n    // used to communicate between the keypad and the Renderer\n    const [keypadElement, setKeypadElement] = useState<any>();\n    // this is a KeypadContextRendererInterface from Perseus\n    const [renderer, setRenderer] =\n        useState<KeypadContextRendererInterface | null>();\n    const [scrollableElement, setScrollableElement] =\n        useState<HTMLElement | null>();\n\n    const memoizedValue = useMemo(\n        () => ({\n            keypadActive,\n            setKeypadActive,\n            keypadElement,\n            setKeypadElement,\n            renderer,\n            setRenderer,\n            scrollableElement,\n            setScrollableElement,\n        }),\n        [\n            keypadActive,\n            setKeypadActive,\n            keypadElement,\n            setKeypadElement,\n            renderer,\n            setRenderer,\n            scrollableElement,\n            setScrollableElement,\n        ],\n    );\n\n    return (\n        <KeypadContext.Provider value={memoizedValue}>\n            {props.children}\n        </KeypadContext.Provider>\n    );\n}\n"],"names":["KeypadContext","React","createContext","setKeypadActive","keypadActive","setKeypadElement","keypadElement","setRenderer","renderer","setScrollableElement","scrollableElement","StatefulKeypadContextProvider","props","useState","memoizedValue","useMemo","createElement","Provider","value","children"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;MACaA,aAA+C,gBACxDC,gBAAK,CAACC,aAAa,CAAC;AAChBC,EAAAA,eAAe,EAAGC,YAAY,IAAK,EAAE;AACrCA,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,gBAAgB,EAAGC,aAAa,IAAK,EAAE;AACvCA,EAAAA,aAAa,EAAE,IAAI;AACnBC,EAAAA,WAAW,EAAGC,QAAQ,IAAK,EAAE;AAC7BA,EAAAA,QAAQ,EAAE,IAAI;AACdC,EAAAA,oBAAoB,EAAGC,iBAAiB,IAAK,EAAE;AAC/CA,EAAAA,iBAAiB,EAAE;AACvB,CAAC;AAIE,SAASC,6BAA6BA,CAACC,KAAY,EAAE;AACxD;EACA,MAAM,CAACR,YAAY,EAAED,eAAe,CAAC,GAAGU,cAAQ,CAAU,KAAK,CAAC;AAChE;EACA,MAAM,CAACP,aAAa,EAAED,gBAAgB,CAAC,GAAGQ,cAAQ,EAAO;AACzD;EACA,MAAM,CAACL,QAAQ,EAAED,WAAW,CAAC,GACzBM,cAAQ,EAAyC;EACrD,MAAM,CAACH,iBAAiB,EAAED,oBAAoB,CAAC,GAC3CI,cAAQ,EAAsB;AAElC,EAAA,MAAMC,aAAa,GAAGC,aAAO,CACzB,OAAO;IACHX,YAAY;IACZD,eAAe;IACfG,aAAa;IACbD,gBAAgB;IAChBG,QAAQ;IACRD,WAAW;IACXG,iBAAiB;AACjBD,IAAAA;AACJ,GAAC,CAAC,EACF,CACIL,YAAY,EACZD,eAAe,EACfG,aAAa,EACbD,gBAAgB,EAChBG,QAAQ,EACRD,WAAW,EACXG,iBAAiB,EACjBD,oBAAoB,CAE5B,CAAC;AAED,EAAA,oBACIR,gBAAA,CAAAe,aAAA,CAAChB,aAAa,CAACiB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ;GAC1BF,EAAAA,KAAK,CAACO,QACa,CAAC;AAEjC;;;;;"}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Perseus keypad context",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "publishConfig": {
     "access": "public"
   },
@@ -15,22 +15,15 @@
   "bugs": {
     "url": "https://github.com/Khan/perseus/issues"
   },
-  "engines": {
-    "node": ">=18"
-  },
-  "exports": {
-    ".": {
-      "source": "./src/index.ts",
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
-  },
+  "module": "dist/es/index.js",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@khanacademy/perseus-core": "6.0.0",
-    "@khanacademy/perseus-utils": "1.0.0"
+    "@khanacademy/perseus-core": "7.0.0",
+    "@khanacademy/perseus-utils": "2.0.0"
   },
   "devDependencies": {
     "react": "^18.2.0",