Create a function to get the public options for a Table widget (#2189)

Issue: https://khanacademy.atlassian.net/browse/LEMS-2766

## Test plan:

`yarn test`

Author: benchristel

Reviewers: Myranae, benchristel, handeyeco, jeremywiebe

Required Reviewers:

Approved By: Myranae

Checks: ✅ Publish npm snapshot (ubuntu-latest, 20.x), ✅ Lint, Typecheck, Format, and Test (ubuntu-latest, 20.x), ✅ Cypress (ubuntu-latest, 20.x), ✅ Check for .changeset entries for all changed files (ubuntu-latest, 20.x), ✅ Check builds for changes in size (ubuntu-latest, 20.x), ✅ Publish Storybook to Chromatic (ubuntu-latest, 20.x)

Pull Request URL: #2189

.changeset/dull-jobs-crash.md

@@ -0,0 +1,6 @@
+---
+"@khanacademy/perseus": minor
+"@khanacademy/perseus-core": minor
+---
+
+Create a function to get the public options for a Table widget

packages/perseus-core/src/index.ts

@@ -132,3 +132,4 @@ export {default as getDropdownPublicWidgetOptions} from "./widgets/dropdown/drop
 export {default as getNumericInputPublicWidgetOptions} from "./widgets/numeric-input/numeric-input-util";
 export {default as getNumberLinePublicWidgetOptions} from "./widgets/number-line/number-line-util";
 export {default as getRadioPublicWidgetOptions} from "./widgets/radio/radio-util";
+export {default as getTablePublicWidgetOptions} from "./widgets/table/table-util";

packages/perseus-core/src/widgets/table/table-util.test.ts

@@ -0,0 +1,25 @@
+import getTablePublicWidgetOptions from "./table-util";
+
+import type {PerseusTableWidgetOptions} from "@khanacademy/perseus-core";
+
+describe("getTablePublicWidgetOptions", () => {
+    it("removes the answers", () => {
+        const options: PerseusTableWidgetOptions = {
+            headers: ["a", "b"],
+            answers: [
+                ["1", "2"],
+                ["3", "4"],
+            ],
+            columns: 2,
+            rows: 2,
+        };
+
+        const publicOptions = getTablePublicWidgetOptions(options);
+
+        expect(publicOptions).toEqual({
+            headers: ["a", "b"],
+            columns: 2,
+            rows: 2,
+        });
+    });
+});

packages/perseus-core/src/widgets/table/table-util.ts

@@ -0,0 +1,13 @@
+import type {PerseusTableWidgetOptions} from "@khanacademy/perseus-core";
+
+type TablePublicWidgetOptions = Pick<
+    PerseusTableWidgetOptions,
+    "headers" | "rows" | "columns"
+>;
+
+export default function getTablePublicWidgetOptions(
+    options: PerseusTableWidgetOptions,
+): TablePublicWidgetOptions {
+    const {answers: _, ...publicOptions} = options;
+    return publicOptions;
+}

packages/perseus/src/types.ts

@@ -22,6 +22,7 @@ import type {
     getNumericInputPublicWidgetOptions,
     getNumberLinePublicWidgetOptions,
     getRadioPublicWidgetOptions,
+    getTablePublicWidgetOptions,
 } from "@khanacademy/perseus-core";
 import type {LinterContextProps} from "@khanacademy/perseus-linter";
 import type {
@@ -526,7 +527,8 @@ export type PublicWidgetOptionsFunction =
     | typeof getLabelImagePublicWidgetOptions
     | typeof getSorterPublicWidgetOptions
     | typeof getCSProgramPublicWidgetOptions
-    | typeof getNumberLinePublicWidgetOptions;
+    | typeof getNumberLinePublicWidgetOptions
+    | typeof getTablePublicWidgetOptions;
 
 export type WidgetExports<
     T extends React.ComponentType<any> & Widget = React.ComponentType<any>,

packages/perseus/src/widgets/table/table.tsx

@@ -1,3 +1,4 @@
+import {getTablePublicWidgetOptions} from "@khanacademy/perseus-core";
 import {linterContextDefault} from "@khanacademy/perseus-linter";
 import * as React from "react";
 import ReactDOM from "react-dom";
@@ -322,4 +323,5 @@ export default {
     transform: propTransform,
     hidden: true,
     isLintable: true,
+    getPublicWidgetOptions: getTablePublicWidgetOptions,
 } satisfies WidgetExports<typeof Table>;