@khanacademy/keypad-context 1.1.6 → 2.0.0

package/dist/index.js

@@ -1,40 +1,7 @@
-'use strict';
+import * as React from 'react';
+import { useState, useMemo } from 'react';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopNamespace(e) {
-    if (e && e.__esModule) 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__*/_interopNamespace(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({
+const KeypadContext = React.createContext({
   setKeypadActive: keypadActive => {},
   keypadActive: false,
   setKeypadElement: keypadElement => {},
@@ -45,14 +12,11 @@ const KeypadContext = /*#__PURE__*/React__namespace.createContext({
   scrollableElement: null
 });
 function StatefulKeypadContextProvider(props) {
-  // 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(() => ({
+  const [keypadActive, setKeypadActive] = useState(false);
+  const [keypadElement, setKeypadElement] = useState();
+  const [renderer, setRenderer] = useState();
+  const [scrollableElement, setScrollableElement] = useState();
+  const memoizedValue = useMemo(() => ({
     keypadActive,
     setKeypadActive,
     keypadElement,
@@ -62,11 +26,10 @@ function StatefulKeypadContextProvider(props) {
     scrollableElement,
     setScrollableElement
   }), [keypadActive, setKeypadActive, keypadElement, setKeypadElement, renderer, setRenderer, scrollableElement, setScrollableElement]);
-  return /*#__PURE__*/React__namespace.createElement(KeypadContext.Provider, {
+  return React.createElement(KeypadContext.Provider, {
     value: memoizedValue
   }, props.children);
 }
 
-exports.KeypadContext = KeypadContext;
-exports.StatefulKeypadContextProvider = StatefulKeypadContextProvider;
+export { KeypadContext, 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":";;;;;;;;;;;;;;;;;;;;;;;;;;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,IAAA;AACvB,CAAC,EAAC;AAIC,SAASC,6BAA6BA,CAACC,KAAY,EAAE;AACxD;EACA,MAAM,CAACR,YAAY,EAAED,eAAe,CAAC,GAAGU,cAAQ,CAAU,KAAK,CAAC,CAAA;AAChE;EACA,MAAM,CAACP,aAAa,EAAED,gBAAgB,CAAC,GAAGQ,cAAQ,EAAO,CAAA;AACzD;EACA,MAAM,CAACL,QAAQ,EAAED,WAAW,CAAC,GACzBM,cAAQ,EAAyC,CAAA;EACrD,MAAM,CAACH,iBAAiB,EAAED,oBAAoB,CAAC,GAC3CI,cAAQ,EAAsB,CAAA;AAElC,EAAA,MAAMC,aAAa,GAAGC,aAAO,CACzB,OAAO;IACHX,YAAY;IACZD,eAAe;IACfG,aAAa;IACbD,gBAAgB;IAChBG,QAAQ;IACRD,WAAW;IACXG,iBAAiB;AACjBD,IAAAA,oBAAAA;AACJ,GAAC,CAAC,EACF,CACIL,YAAY,EACZD,eAAe,EACfG,aAAa,EACbD,gBAAgB,EAChBG,QAAQ,EACRD,WAAW,EACXG,iBAAiB,EACjBD,oBAAoB,CAE5B,CAAC,CAAA;AAED,EAAA,oBACIR,gBAAA,CAAAe,aAAA,CAAChB,aAAa,CAACiB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,aAAAA;GAC1BF,EAAAA,KAAK,CAACO,QACa,CAAC,CAAA;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":";;;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;;;;"}

package/package.json

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

package/dist/es/index.js

@@ -1,48 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,IAAA;AACvB,CAAC,EAAC;AAIC,SAASC,6BAA6BA,CAACC,KAAY,EAAE;AACxD;EACA,MAAM,CAACR,YAAY,EAAED,eAAe,CAAC,GAAGU,QAAQ,CAAU,KAAK,CAAC,CAAA;AAChE;EACA,MAAM,CAACP,aAAa,EAAED,gBAAgB,CAAC,GAAGQ,QAAQ,EAAO,CAAA;AACzD;EACA,MAAM,CAACL,QAAQ,EAAED,WAAW,CAAC,GACzBM,QAAQ,EAAyC,CAAA;EACrD,MAAM,CAACH,iBAAiB,EAAED,oBAAoB,CAAC,GAC3CI,QAAQ,EAAsB,CAAA;AAElC,EAAA,MAAMC,aAAa,GAAGC,OAAO,CACzB,OAAO;IACHX,YAAY;IACZD,eAAe;IACfG,aAAa;IACbD,gBAAgB;IAChBG,QAAQ;IACRD,WAAW;IACXG,iBAAiB;AACjBD,IAAAA,oBAAAA;AACJ,GAAC,CAAC,EACF,CACIL,YAAY,EACZD,eAAe,EACfG,aAAa,EACbD,gBAAgB,EAChBG,QAAQ,EACRD,WAAW,EACXG,iBAAiB,EACjBD,oBAAoB,CAE5B,CAAC,CAAA;AAED,EAAA,oBACIR,KAAA,CAAAe,aAAA,CAAChB,aAAa,CAACiB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,aAAAA;GAC1BF,EAAAA,KAAK,CAACO,QACa,CAAC,CAAA;AAEjC;;;;"}

package/dist/shared-utils/add-library-version-to-perseus-debug.d.ts

@@ -1,9 +0,0 @@
-/**
- * Adds the given perseus library version information to the __perseus_debug__
- * object and ensures that the object is attached to `globalThis` (`window` in
- * browser environments).
- *
- * This allows each library to provide runtime version information to assist in
- * debugging in production environments.
- */
-export declare const addLibraryVersionToPerseusDebug: (libraryName: string, libraryVersion: string) => void;