@pie-element/inline-dropdown 0.1.0

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isBuffer.js

@@ -0,0 +1,6 @@
+import e from "./_root.js";
+import t from "./stubFalse.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isBuffer.js
+var n = typeof exports == "object" && exports && !exports.nodeType && exports, r = n && typeof module == "object" && module && !module.nodeType && module, i = r && r.exports === n ? e.Buffer : void 0, a = (i ? i.isBuffer : void 0) || t;
+//#endregion
+export { a as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isEmpty.js

@@ -0,0 +1,21 @@
+import e from "./isArray.js";
+import t from "./isArrayLike.js";
+import n from "./_isPrototype.js";
+import r from "./isArguments.js";
+import i from "./isBuffer.js";
+import a from "./isTypedArray.js";
+import o from "./_baseKeys.js";
+import s from "./_getTag.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isEmpty.js
+var c = "[object Map]", l = "[object Set]", u = Object.prototype.hasOwnProperty;
+function d(d) {
+	if (d == null) return !0;
+	if (t(d) && (e(d) || typeof d == "string" || typeof d.splice == "function" || i(d) || a(d) || r(d))) return !d.length;
+	var f = s(d);
+	if (f == c || f == l) return !d.size;
+	if (n(d)) return !o(d).length;
+	for (var p in d) if (u.call(d, p)) return !1;
+	return !0;
+}
+//#endregion
+export { d as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isEqual.js

@@ -0,0 +1,7 @@
+import e from "./_baseIsEqual.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isEqual.js
+function t(t, n) {
+	return e(t, n);
+}
+//#endregion
+export { t as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isFunction.js

@@ -0,0 +1,11 @@
+import e from "./_baseGetTag.js";
+import t from "./isObject.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isFunction.js
+var n = "[object AsyncFunction]", r = "[object Function]", i = "[object GeneratorFunction]", a = "[object Proxy]";
+function o(o) {
+	if (!t(o)) return !1;
+	var s = e(o);
+	return s == r || s == i || s == n || s == a;
+}
+//#endregion
+export { o as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isLength.js

@@ -0,0 +1,7 @@
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isLength.js
+var e = 9007199254740991;
+function t(t) {
+	return typeof t == "number" && t > -1 && t % 1 == 0 && t <= e;
+}
+//#endregion
+export { t as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isMap.js

@@ -0,0 +1,7 @@
+import e from "./_baseUnary.js";
+import t from "./_nodeUtil.js";
+import n from "./_baseIsMap.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isMap.js
+var r = t && t.isMap, i = r ? e(r) : n;
+//#endregion
+export { i as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isObject.js

@@ -0,0 +1,7 @@
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isObject.js
+function e(e) {
+	var t = typeof e;
+	return e != null && (t == "object" || t == "function");
+}
+//#endregion
+export { e as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isObjectLike.js

@@ -0,0 +1,6 @@
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isObjectLike.js
+function e(e) {
+	return typeof e == "object" && !!e;
+}
+//#endregion
+export { e as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isSet.js

@@ -0,0 +1,7 @@
+import e from "./_baseUnary.js";
+import t from "./_nodeUtil.js";
+import n from "./_baseIsSet.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isSet.js
+var r = t && t.isSet, i = r ? e(r) : n;
+//#endregion
+export { i as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isSymbol.js

@@ -0,0 +1,9 @@
+import e from "./_baseGetTag.js";
+import t from "./isObjectLike.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isSymbol.js
+var n = "[object Symbol]";
+function r(r) {
+	return typeof r == "symbol" || t(r) && e(r) == n;
+}
+//#endregion
+export { r as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isTypedArray.js

@@ -0,0 +1,7 @@
+import e from "./_baseIsTypedArray.js";
+import t from "./_baseUnary.js";
+import n from "./_nodeUtil.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isTypedArray.js
+var r = n && n.isTypedArray, i = r ? t(r) : e;
+//#endregion
+export { i as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isUndefined.js

@@ -0,0 +1,6 @@
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isUndefined.js
+function e(e) {
+	return e === void 0;
+}
+//#endregion
+export { e as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/keys.js

@@ -0,0 +1,9 @@
+import e from "./isArrayLike.js";
+import t from "./_arrayLikeKeys.js";
+import n from "./_baseKeys.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/keys.js
+function r(r) {
+	return e(r) ? t(r) : n(r);
+}
+//#endregion
+export { r as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/keysIn.js

@@ -0,0 +1,9 @@
+import e from "./isArrayLike.js";
+import t from "./_arrayLikeKeys.js";
+import n from "./_baseKeysIn.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/keysIn.js
+function r(r) {
+	return e(r) ? t(r, !0) : n(r);
+}
+//#endregion
+export { r as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/map.js

@@ -0,0 +1,10 @@
+import e from "./_arrayMap.js";
+import t from "./isArray.js";
+import n from "./_baseIteratee.js";
+import r from "./_baseMap.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/map.js
+function i(i, a) {
+	return (t(i) ? e : r)(i, n(a, 3));
+}
+//#endregion
+export { i as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/max.js

@@ -0,0 +1,9 @@
+import e from "./identity.js";
+import t from "./_baseGt.js";
+import n from "./_baseExtremum.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/max.js
+function r(r) {
+	return r && r.length ? n(r, e, t) : void 0;
+}
+//#endregion
+export { r as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/memoize.js

@@ -0,0 +1,16 @@
+import e from "./_MapCache.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/memoize.js
+var t = "Expected a function";
+function n(r, i) {
+	if (typeof r != "function" || i != null && typeof i != "function") throw TypeError(t);
+	var a = function() {
+		var e = arguments, t = i ? i.apply(this, e) : e[0], n = a.cache;
+		if (n.has(t)) return n.get(t);
+		var o = r.apply(this, e);
+		return a.cache = n.set(t, o) || n, o;
+	};
+	return a.cache = new (n.Cache || e)(), a;
+}
+n.Cache = e;
+//#endregion
+export { n as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/property.js

@@ -0,0 +1,10 @@
+import e from "./_isKey.js";
+import t from "./_toKey.js";
+import n from "./_baseProperty.js";
+import r from "./_basePropertyDeep.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/property.js
+function i(i) {
+	return e(i) ? n(t(i)) : r(i);
+}
+//#endregion
+export { i as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/reduce.js

@@ -0,0 +1,12 @@
+import e from "./isArray.js";
+import t from "./_arrayReduce.js";
+import n from "./_baseIteratee.js";
+import r from "./_baseEach.js";
+import i from "./_baseReduce.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/reduce.js
+function a(a, o, s) {
+	var c = e(a) ? t : i, l = arguments.length < 3;
+	return c(a, n(o, 4), s, l, r);
+}
+//#endregion
+export { a as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/stubArray.js

@@ -0,0 +1,6 @@
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/stubArray.js
+function e() {
+	return [];
+}
+//#endregion
+export { e as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/stubFalse.js

@@ -0,0 +1,6 @@
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/stubFalse.js
+function e() {
+	return !1;
+}
+//#endregion
+export { e as default };

package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/toString.js

@@ -0,0 +1,7 @@
+import e from "./_baseToString.js";
+//#region ../../../node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/toString.js
+function t(t) {
+	return t == null ? "" : e(t);
+}
+//#endregion
+export { t as default };

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@pie-element/inline-dropdown",
+  "version": "0.1.0",
+  "description": "",
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/style": "^0.8.0",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4",
+    "@pie-lib/correct-answer-toggle": "0.1.0",
+    "@pie-lib/mask-markup": "0.1.0",
+    "@pie-lib/render-ui": "0.1.0",
+    "lodash-es": "^4.17.23",
+    "prop-types": "^15.8.1",
+    "@pie-element/shared-configure-events": "0.1.0",
+    "@pie-lib/editable-html-tip-tap": "0.1.0",
+    "@pie-element/shared-math-rendering-mathjax": "0.1.0",
+    "@pie-lib/config-ui": "0.1.0",
+    "@pie-element/shared-controller-utils": "0.1.0",
+    "@pie-element/shared-player-events": "0.1.0",
+    "debug": "^4.1.1"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "exports": {
+    ".": {
+      "development": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./delivery": {
+      "development": "./src/delivery/index.ts",
+      "types": "./dist/delivery/index.d.ts",
+      "default": "./dist/delivery/index.js"
+    },
+    "./author": {
+      "development": "./src/author/index.ts",
+      "types": "./dist/author/index.d.ts",
+      "default": "./dist/author/index.js"
+    },
+    "./controller": {
+      "development": "./src/controller/index.ts",
+      "types": "./dist/controller/index.d.ts",
+      "default": "./dist/controller/index.js"
+    }
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "sideEffects": false,
+  "devDependencies": {
+    "vite": "^8.0.1",
+    "typescript": "^5.9.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0"
+  },
+  "scripts": {
+    "build": "bun x vite build && 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"
+  }
+}

package/src/author/defaults.ts

@@ -0,0 +1,141 @@
+// @ts-nocheck
+/**
+ * @synced-from pie-elements/packages/inline-dropdown/configure/src/defaults.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+
+export default {
+  model: {
+    alternateResponse: {},
+    choiceRationaleEnabled: true,
+    choices: {},
+    disabled: false,
+    displayType: 'block',
+    markup: '',
+    mode: 'gather',
+    prompt: '',
+    promptEnabled: true,
+    rationale: '',
+    rationaleEnabled: true,
+    shuffle: true,
+    studentInstructionsEnabled: true,
+    teacherInstructions: '',
+    teacherInstructionsEnabled: true,
+    toolbarEditorPosition: 'bottom',
+  },
+  configuration: {
+    baseInputConfiguration: {
+      audio: { disabled: false },
+      video: { disabled: false },
+      image: { disabled: false },
+      h3: { disabled: true },
+      blockquote: { disabled: true },
+      textAlign: { disabled: true },
+      showParagraphs: { disabled: false },
+      separateParagraphs: { disabled: true },
+    },
+    prompt: {
+      settings: true,
+      label: 'Prompt',
+      required: false,
+      inputConfiguration: {
+        audio: { disabled: false },
+        video: { disabled: false },
+        image: { disabled: false },
+      },
+    },
+    responseAreaInputConfiguration: {
+      inputConfiguration: {
+        audio: { disabled: true },
+        video: { disabled: true },
+        image: { disabled: true },
+        table: { disabled: true },
+        ul_list: { disabled: true },
+        ol_list: { disabled: true },
+      },
+    },
+    settingsPanelDisabled: false,
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true,
+    },
+    lockChoiceOrder: {
+      settings: true,
+      label: 'Lock Choice Order',
+    },
+    partialScoring: {
+      settings: false,
+      label: 'Allow Partial Scoring',
+    },
+    rationale: {
+      settings: true,
+      label: 'Rationale',
+      required: false,
+      inputConfiguration: {
+        audio: { disabled: false },
+        video: { disabled: false },
+        image: { disabled: false },
+        textAlign: { disabled: true },
+      },
+    },
+    teacherInstructions: {
+      settings: true,
+      label: 'Teacher Instructions',
+      required: false,
+      inputConfiguration: {
+        audio: { disabled: false },
+        video: { disabled: false },
+        image: { disabled: false },
+      },
+    },
+    template: {
+      inputConfiguration: {
+        audio: { disabled: false },
+        video: { disabled: false },
+        image: { disabled: false },
+      },
+    },
+    choiceRationale: {
+      settings: true,
+      label: 'Choice Rationale',
+    },
+    toolbarEditorPosition: {
+      settings: false,
+      label: 'Toolbar Editor Position',
+    },
+    maxResponseAreas: 10,
+    maxResponseAreaChoices: 10,
+    maxImageWidth: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300,
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300,
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric',
+    },
+    mathMlOptions: {
+      mmlOutput: false,
+      mmlEditing: false,
+    },
+    language: {
+      settings: false,
+      label: 'Specify Language',
+      enabled: false,
+    },
+    languageChoices: {
+      label: 'Language Choices',
+      options: [],
+    },
+  },
+};

package/src/author/index.ts

@@ -0,0 +1,161 @@
+// @ts-nocheck
+/**
+ * @synced-from pie-elements/packages/inline-dropdown/configure/src/index.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+
+import {
+  ModelUpdatedEvent,
+  DeleteImageEvent,
+  InsertImageEvent,
+  InsertSoundEvent,
+  DeleteSoundEvent,
+} from '@pie-element/shared-configure-events';
+
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import Main from './main.js';
+import debug from 'debug';
+import { defaults } from 'lodash-es';
+
+import sensibleDefaults from './defaults.js';
+import { processMarkup, createSlateMarkup } from './markupUtils.js';
+
+const log = debug('multiple-choice:configure');
+
+export default class InlineDropdown extends HTMLElement {
+  static prepareModel = (model = {}) => {
+    const currModal = {
+      ...sensibleDefaults.model,
+      ...model,
+    };
+    const slateMarkup = model.slateMarkup || createSlateMarkup(currModal.markup, currModal.choices);
+    const markup = processMarkup(slateMarkup);
+
+    return {
+      ...currModal,
+      slateMarkup,
+      markup,
+      /*...processedMarkup,*/
+    };
+  };
+
+  constructor() {
+    super();
+    this._root = null;
+    this._model = InlineDropdown.prepareModel();
+    this._configuration = sensibleDefaults.configuration;
+    this.onModelChanged = this.onModelChanged.bind(this);
+    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+  }
+
+  set model(s) {
+    this._model = InlineDropdown.prepareModel(s);
+    this._render();
+  }
+
+  set configuration(c) {
+    this._configuration = defaults(c, sensibleDefaults.configuration);
+
+    // if language:enabled is true, then the corresponding default item model should include a language value;
+    // if it is false, then the language field should be omitted from the item model.
+    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,
+    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).
+    if (c.language?.enabled) {
+      if (c.languageChoices?.options?.length) {
+        this._model.language = c.languageChoices.options[0].value;
+      }
+    } else if (c.language.settings && this._model.language) {
+      this._configuration.language.enabled = true;
+
+      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
+        this._configuration.languageChoices.options = [];
+      }
+
+      // check if the language is already included in the languageChoices.options array
+      // and if not, then add it.
+      if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {
+        this._configuration.languageChoices.options.push({
+          value: this._model.language,
+          label: this._model.language,
+        });
+      }
+    } else {
+      delete this._model.language;
+    }
+
+    this._render();
+  }
+
+  set disableSidePanel(s) {
+    this._disableSidePanel = s;
+    this._render();
+  }
+
+  dispatchModelUpdated(reset) {
+    const resetValue = !!reset;
+
+    this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));
+  }
+
+  onModelChanged(m, reset) {
+    this._model = InlineDropdown.prepareModel(m);
+    this._render();
+    this.dispatchModelUpdated(reset);
+  }
+
+  onConfigurationChanged(c) {
+    this._configuration = c;
+    this._render();
+  }
+
+  /** @param {done, progress, file} handler */
+  insertImage(handler) {
+    this.dispatchEvent(new InsertImageEvent(handler));
+  }
+
+  onDeleteImage(src, done) {
+    this.dispatchEvent(new DeleteImageEvent(src, done));
+  }
+
+  insertSound(handler) {
+    this.dispatchEvent(new InsertSoundEvent(handler));
+  }
+
+  onDeleteSound(src, done) {
+    this.dispatchEvent(new DeleteSoundEvent(src, done));
+  }
+
+  _render() {
+    log('_render');
+    let element = React.createElement(Main, {
+      model: this._model,
+      configuration: this._configuration,
+      onModelChanged: this.onModelChanged,
+      onConfigurationChanged: this.onConfigurationChanged,
+      disableSidePanel: this._disableSidePanel,
+      imageSupport: {
+        add: this.insertImage.bind(this),
+        delete: this.onDeleteImage.bind(this),
+      },
+      uploadSoundSupport: {
+        add: this.insertSound.bind(this),
+        delete: this.onDeleteSound.bind(this),
+      },
+    });
+    if (!this._root) {
+      this._root = createRoot(this);
+    }
+    this._root.render(element);
+  }
+
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+    }
+  }
+}