@pie-element/rubric 8.1.2-next.17 → 8.1.2-next.18

package/dist/browser/editor-runtime/main-sMMMvQIb.js

@@ -0,0 +1,154 @@
+import { a as e } from "./rolldown-runtime-CHQKHQ89.js";
+import { H as t, O as n, V as r, bt as i, f as a, k as o, t as s, tt as c } from "./dist-ClPxMBUG.js";
+import l from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/delivery/main.tsx
+var f = /* @__PURE__ */ e(i(), 1);
+function p(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function m(e, t) {
+	return !e || p(e) ? e : p(e.default) ? e.default : t && p(e[t]) ? e[t] : t && p(e[t]?.default) ? e[t].default : e;
+}
+var h = m(a, "UiLayout") || m(v.UiLayout, "UiLayout"), g = s, _ = g.default, v = _ && typeof _ == "object" ? _ : g, y = c(h)({
+	color: n.text(),
+	backgroundColor: n.background(),
+	"&:not(.MathJax) table": { borderCollapse: "collapse" },
+	"&:not(.MathJax) table td, &:not(.MathJax) table th": {
+		padding: "8px 12px",
+		textAlign: "left"
+	},
+	"& ul p, & ol p": {
+		marginBottom: 0,
+		marginTop: 0,
+		lineHeight: "normal"
+	}
+}), b = c(t)({
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "flex-start",
+	padding: "12px 0px"
+}), x = c("div")({ color: n.text() }), S = c("h3")({
+	color: n.text(),
+	fontSize: "16px",
+	fontWeight: "700",
+	margin: 0,
+	paddingBottom: "6px"
+}), C = c("h4")({
+	color: n.text(),
+	fontSize: "16px",
+	fontWeight: "normal",
+	margin: 0,
+	paddingBottom: "6px"
+}), w = c("h2")(({ theme: e }) => ({
+	display: "flex",
+	alignItems: "center",
+	cursor: "pointer",
+	userSelect: "none",
+	fontSize: e.typography.fontSize,
+	fontWeight: "500",
+	color: n.tertiary(),
+	margin: 0
+})), T = c("span")({
+	display: "inline-flex",
+	transition: "transform 0.2s",
+	marginLeft: 2,
+	alignSelf: "center"
+}), E = c("h2")({
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	padding: 0,
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0,0,0,0)",
+	border: 0,
+	whiteSpace: "nowrap"
+}), D = f.default.shape({
+	excludeZero: f.default.bool,
+	points: f.default.arrayOf(f.default.string),
+	sampleAnswers: f.default.arrayOf(f.default.string),
+	animationsDisabled: f.default.bool
+}), O = class extends l.Component {
+	dudUrl = "javascript:;";
+	constructor(e) {
+		super(e), this.state = {
+			rubricOpen: !1,
+			linkPrefix: "Show"
+		}, this.toggleRubric = this.toggleRubric.bind(this);
+	}
+	static propTypes = {
+		model: f.default.object.isRequired,
+		animationsDisabled: f.default.bool,
+		value: D
+	};
+	toggleRubric() {
+		this.setState({ rubricOpen: !this.state.rubricOpen }), this.setState({ linkPrefix: this.state.rubricOpen ? "Show" : "Hide" });
+	}
+	shouldRenderPoint = (e, t) => !t.excludeZero || e !== 0;
+	render() {
+		let { model: e, value: t } = this.props, { animationsDisabled: n } = this.props;
+		if (n ||= t.animationsDisabled, t && t.points) {
+			let { extraCSSRules: i } = e || {}, { points: a, sampleAnswers: s } = t, c = /* @__PURE__ */ u(r, {
+				component: "nav",
+				children: a.slice(0).reverse().map((e, n) => {
+					n = a.length - n - 1;
+					let r = t.excludeZero ? n + 1 : n;
+					return /* @__PURE__ */ d(l.Fragment, { children: [/* @__PURE__ */ d(b, { children: [/* @__PURE__ */ u(S, { children: r === 1 ? `${r} PT` : `${r} PTS` }), /* @__PURE__ */ u(x, { dangerouslySetInnerHTML: { __html: e } })] }, `P${n}`), s && s[n] && /* @__PURE__ */ d(b, { children: [/* @__PURE__ */ u(C, { children: "Sample Answer" }), /* @__PURE__ */ u(x, { dangerouslySetInnerHTML: { __html: s[n] } })] }, `S${n}`)] }, n);
+				})
+			});
+			return /* @__PURE__ */ d(y, {
+				extraCSSRules: i,
+				children: [/* @__PURE__ */ u(E, { children: "Rubric" }), n ? c : /* @__PURE__ */ d(l.Fragment, { children: [/* @__PURE__ */ d(w, {
+					id: "rubric-toggle",
+					tabIndex: 0,
+					role: "button",
+					"aria-expanded": this.state.rubricOpen,
+					onClick: this.toggleRubric,
+					onKeyPress: (e) => {
+						(e.key === "Enter" || e.key === " ") && this.toggleRubric();
+					},
+					children: [
+						this.state.linkPrefix,
+						" Rubric",
+						/* @__PURE__ */ u(T, {
+							"aria-hidden": "true",
+							children: this.state.rubricOpen ? /* @__PURE__ */ u("svg", {
+								width: "20",
+								height: "20",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ u("polyline", { points: "18 15 12 9 6 15" })
+							}) : /* @__PURE__ */ u("svg", {
+								width: "20",
+								height: "20",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ u("polyline", { points: "6 9 12 15 18 9" })
+							})
+						})
+					]
+				}), /* @__PURE__ */ u(o, {
+					in: this.state.rubricOpen,
+					timeout: {
+						enter: 225,
+						exit: 195
+					},
+					children: c
+				})] })]
+			});
+		} else return null;
+	}
+};
+//#endregion
+export { O as t };
+
+//# sourceMappingURL=main-sMMMvQIb.js.map

package/dist/browser/editor-runtime/main-sMMMvQIb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-sMMMvQIb.js","names":[],"sources":["../../../src/delivery/main.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/rubric/src/main.jsx\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport Collapse from '@mui/material/Collapse';\nimport { color, UiLayout as UiLayoutImport } from '@pie-lib/render-ui';\n\nfunction isRenderableReactInteropType(value: any) {\n  return (\n    typeof value === 'function' ||\n    (typeof value === 'object' && value !== null && typeof value.$$typeof === 'symbol')\n  );\n}\n\nfunction unwrapReactInteropSymbol(maybeSymbol: any, namedExport?: string) {\n  if (!maybeSymbol) return maybeSymbol;\n  if (isRenderableReactInteropType(maybeSymbol)) return maybeSymbol;\n  if (isRenderableReactInteropType(maybeSymbol.default)) return maybeSymbol.default;\n  if (namedExport && isRenderableReactInteropType(maybeSymbol[namedExport])) {\n    return maybeSymbol[namedExport];\n  }\n  if (namedExport && isRenderableReactInteropType(maybeSymbol[namedExport]?.default)) {\n    return maybeSymbol[namedExport].default;\n  }\n  return maybeSymbol;\n}\nconst UiLayout = unwrapReactInteropSymbol(UiLayoutImport, 'UiLayout') || unwrapReactInteropSymbol(renderUi.UiLayout, 'UiLayout');\nimport * as RenderUiNamespace from '@pie-lib/render-ui';\nconst renderUiNamespaceAny = RenderUiNamespace as any;\nconst renderUiDefaultMaybe = renderUiNamespaceAny['default'];\nconst renderUi =\n  renderUiDefaultMaybe && typeof renderUiDefaultMaybe === 'object'\n    ? renderUiDefaultMaybe\n    : renderUiNamespaceAny;\nimport PropTypes from 'prop-types';\n\nconst StyledUiLayout: any = styled(UiLayout)({\n  color: color.text(),\n  backgroundColor: color.background(),\n  // apply styles to tables to match the rest of the UI\n  '&:not(.MathJax) table': {\n    borderCollapse: 'collapse',\n  },\n  '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n    padding: '8px 12px',\n    textAlign: 'left',\n  },\n  // reset paragraph margins and line-height inside lists to override client styles\n  '& ul p, & ol p': {\n    marginBottom: 0,\n    marginTop: 0,\n    lineHeight: 'normal',\n  },\n});\n\nconst StyledListItem: any = styled(ListItem)({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  padding: '12px 0px',\n});\n\nconst Text: any = styled('div')({\n  color: color.text(),\n});\n\nconst TitleText: any = styled('h3')({\n  color: color.text(),\n  fontSize: '16px',\n  fontWeight: '700',\n  margin: 0,\n  paddingBottom: '6px',\n});\n\nconst SampleTitleText: any = styled('h4')({\n  color: color.text(),\n  fontSize: '16px',\n  fontWeight: 'normal',\n  margin: 0,\n  paddingBottom: '6px',\n});\n\nconst RubricToggle: any = styled('h2')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  cursor: 'pointer',\n  userSelect: 'none',\n  fontSize: theme.typography.fontSize,\n  fontWeight: '500',\n  color: color.tertiary(),\n  margin: 0,\n}));\n\nconst ChevronStyle: any = styled('span')({\n  display: 'inline-flex',\n  transition: 'transform 0.2s',\n  marginLeft: 2,\n  alignSelf: 'center',\n});\n\nconst HiddenScreenReader: any = styled('h2')({\n  position: 'absolute',\n  width: '1px',\n  height: '1px',\n  padding: 0,\n  margin: '-1px',\n  overflow: 'hidden',\n  clip: 'rect(0,0,0,0)',\n  border: 0,\n  whiteSpace: 'nowrap',\n});\n\nexport const RubricType = PropTypes.shape({\n  excludeZero: PropTypes.bool,\n  points: PropTypes.arrayOf(PropTypes.string),\n  sampleAnswers: PropTypes.arrayOf(PropTypes.string),\n  animationsDisabled: PropTypes.bool,\n});\n\nclass Rubric extends React.Component {\n  dudUrl = 'javascript:;';\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      rubricOpen: false,\n      linkPrefix: 'Show',\n    };\n    this.toggleRubric = this.toggleRubric.bind(this);\n  }\n\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    animationsDisabled: PropTypes.bool,\n    value: RubricType,\n  };\n\n  toggleRubric() {\n    this.setState({ rubricOpen: !this.state.rubricOpen });\n    this.setState({ linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide' });\n  }\n\n  shouldRenderPoint: any = (index, value) => {\n    if (!value.excludeZero) {\n      return true;\n    } else {\n      return index !== 0;\n    }\n  };\n\n  render() {\n    const { model, value } = this.props;\n    let { animationsDisabled } = this.props;\n    animationsDisabled = animationsDisabled || value.animationsDisabled;\n\n    if (value && value.points) {\n      const { extraCSSRules } = model || {};\n      const { points, sampleAnswers } = value;\n\n      const rubricList = (\n        <List component=\"nav\">\n          {points\n            .slice(0)\n            .reverse()\n            .map((desc, index) => {\n              index = points.length - index - 1;\n              const pointsLabel = value.excludeZero ? index + 1 : index;\n\n              return (\n                <React.Fragment key={index}>\n                  <StyledListItem key={`P${index}`}>\n                    <TitleText>\n                      {pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`}\n                    </TitleText>\n                    <Text dangerouslySetInnerHTML={{ __html: desc }} />\n                  </StyledListItem>\n\n                  {sampleAnswers && sampleAnswers[index] && (\n                    <StyledListItem key={`S${index}`}>\n                      <SampleTitleText>\n                        Sample Answer\n                      </SampleTitleText>\n                      <Text dangerouslySetInnerHTML={{ __html: sampleAnswers[index] }} />\n                    </StyledListItem>\n                  )}\n                </React.Fragment>\n              );\n            })}\n        </List>\n      );\n\n      return (\n        <StyledUiLayout extraCSSRules={extraCSSRules}>\n          {/* screen reader only heading for navigation as per PD-5057 */}\n          <HiddenScreenReader>Rubric</HiddenScreenReader>\n          {!animationsDisabled ? (\n            <React.Fragment>\n              <RubricToggle\n                id={'rubric-toggle'}\n                tabIndex={0}\n                role=\"button\"\n                aria-expanded={this.state.rubricOpen}\n                onClick={this.toggleRubric}\n                onKeyPress={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') this.toggleRubric();\n                }}\n              >\n                {this.state.linkPrefix} Rubric\n                <ChevronStyle aria-hidden=\"true\">\n                  {this.state.rubricOpen ? (\n                    <svg\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    >\n                      <polyline points=\"18 15 12 9 6 15\"></polyline>\n                    </svg>\n                  ) : (\n                    <svg\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    >\n                      <polyline points=\"6 9 12 15 18 9\"></polyline>\n                    </svg>\n                  )}\n                </ChevronStyle>\n              </RubricToggle>\n              <Collapse in={this.state.rubricOpen} timeout={{ enter: 225, exit: 195 }}>\n                {rubricList}\n              </Collapse>\n            </React.Fragment>\n          ) : (\n            rubricList\n          )}\n        </StyledUiLayout>\n      );\n    } else {\n      return null;\n    }\n  }\n}\n\nexport default Rubric;\n"],"mappings":"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"}

package/dist/browser/editor-runtime/print/index.js

@@ -0,0 +1,35 @@
+import { a as e } from "../rolldown-runtime-CHQKHQ89.js";
+import { _ as t, y as n } from "../dist-ClPxMBUG.js";
+import { t as r } from "../main-sMMMvQIb.js";
+import { c as i } from "../dist-B8zq6W6A.js";
+import a from "react";
+import { createRoot as o } from "react-dom/client";
+var s = (0, (/* @__PURE__ */ e(n(), 1)).default)("pie-element:rubric:print"), c = (e, t) => t.role === "instructor" ? (e.value = { ...e }, e.mode = "evaluate", e.animationsDisabled = !0, e) : {}, l = class extends HTMLElement {
+	constructor() {
+		super(), this._options = null, this._model = null, this._session = [], this._root = null, this._rerender = i(() => {
+			if (this._model && this._session) {
+				let e = c(this._model, this._options), n = this._options && a.createElement(r, { ...e });
+				this._root ||= o(this), this._root.render(n), queueMicrotask(() => {
+					s("render complete - render math"), t(this);
+				});
+			} else s("skip");
+		}, 50, {
+			leading: !1,
+			trailing: !0
+		});
+	}
+	set options(e) {
+		this._options = e;
+	}
+	set model(e) {
+		this._model = e, this._rerender();
+	}
+	connectedCallback() {}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=index.js.map

package/dist/browser/editor-runtime/print/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/print/index.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/rubric/src/print.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { debounce } from '@pie-element/shared-lodash';\nimport Main from '../delivery/main.js';\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\nimport debug from 'debug';\n\nconst log = debug('pie-element:rubric:print');\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  if (!instr) {\n    return {};\n  }\n\n  model.value = { ...model };\n  model.mode = 'evaluate';\n  model.animationsDisabled = true;\n\n  return model;\n};\n\nexport default class RubricPrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = [];\n    this._root = null;\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              ...printModel,\n            });\n\n          if (!this._root) {\n            this._root = createRoot(this);\n          }\n          this._root.render(element);\n          queueMicrotask(() => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;;AAiBA,IAAM,KAAA,IAAA,wBAAA,EAAA,CAAA,QAAA,CAAY,0BAA0B,GAEtC,KAAqB,GAAO,MAClB,EAAK,SAAS,gBAM5B,EAAM,QAAQ,EAAE,GAAG,EAAM,GACzB,EAAM,OAAO,YACb,EAAM,qBAAqB,IAEpB,KAPE,CAAC,GAUS,IAArB,cAAyC,YAAY;CACnD,cAAc;EAMZ,AALA,MAAM,GACN,KAAK,WAAW,MAChB,KAAK,SAAS,MACd,KAAK,WAAW,CAAC,GACjB,KAAK,QAAQ,MACb,KAAK,YAAY,QACT;GACJ,IAAI,KAAK,UAAU,KAAK,UAAU;IAChC,IAAM,IAAa,EAAkB,KAAK,QAAQ,KAAK,QAAQ,GAEzD,IACJ,KAAK,YACL,EAAM,cAAc,GAAM,EACxB,GAAG,EACL,CAAC;IAMH,AAJA,AACE,KAAK,UAAQ,EAAW,IAAI,GAE9B,KAAK,MAAM,OAAO,CAAO,GACzB,qBAAqB;KAEnB,AADA,EAAI,+BAA+B,GACnC,EAAW,IAAI;IACjB,CAAC;GACH,OACE,EAAI,MAAM;EAEd,GACA,IACA;GAAE,SAAS;GAAO,UAAU;EAAK,CACnC;CACF;CACA,IAAI,QAAQ,GAAG;EACb,KAAK,WAAW;CAClB;CAEA,IAAI,MAAM,GAAG;EAEX,AADA,KAAK,SAAS,GACd,KAAK,UAAU;CACjB;CAEA,oBAAoB,CAAC;CAErB,uBAAuB;EACrB,AAAI,KAAK,SACP,KAAK,MAAM,QAAQ;CAEvB;AACF"}

package/dist/browser/editor-runtime/rolldown-runtime-CHQKHQ89.js

@@ -0,0 +1,32 @@
+import * as __pieBrowserCjsReactRequire from "react";
+const __pieBrowserCjsRequire = (specifier) => {
+  switch (specifier) {
+    case "react": return __pieBrowserCjsReactRequire;
+    
+    
+    
+    
+    default:
+      throw new Error(`Unsupported browser CJS require: ${specifier}`);
+  }
+};
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, n) => {
+	let r = {};
+	for (var i in e) t(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
+}, c = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, l = (e, t, n) => (c(e, t, "default"), n && c(n, t, "default")), u = (n, r, a) => (a = n == null ? {} : e(i(n)), c(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n)), d = __pieBrowserCjsRequire;
+//#endregion
+export { u as a, d as i, s as n, l as r, o as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/rubric",
-  "version": "8.1.2-next.17",
+  "version": "8.1.2-next.18",
   "description": "Rubric Scoring Interaction",
   "repository": {
     "type": "git",
@@ -90,7 +90,7 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "bun x vite build && bun x vite build --config ../../../tools/vite/element-browser.config.ts && bun x vite build --config ../../../tools/vite/element-legacy-print.config.ts && bun x vite build --config vite.config.iife.ts && bun x tsc --emitDeclarationOnly",
+    "build": "bun x vite build && bun x vite build --config ../../../tools/vite/element-browser.config.ts && bun x vite build --config ../../../tools/vite/element-browser-editor-runtime.config.ts && bun x vite build --config ../../../tools/vite/element-legacy-print.config.ts && bun x vite build --config vite.config.iife.ts && bun x tsc --emitDeclarationOnly",
     "dev": "bun x vite",
     "demo": "bun x vite --mode demo",
     "test": "bun x vitest run"
@@ -101,6 +101,16 @@
     "browserSharedDependencies": {
       "react": "18.2.0",
       "react-dom": "18.2.0"
+    },
+    "browserEditorRuntime": {
+      "name": "@pie-element/shared-editor-runtime",
+      "version": "0.1.1-next.0",
+      "views": {
+        "delivery": "editor-runtime/delivery",
+        "author": "editor-runtime/author",
+        "print": "editor-runtime/print",
+        "controller": "editor-runtime/controller"
+      }
     }
   }
 }