@pie-lib/editable-html-tip-tap 0.1.0

package/dist/components/media/MediaDialog.js

@@ -0,0 +1,389 @@
+import e from "react";
+import { styled as t } from "@mui/material/styles";
+import n from "prop-types";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "debug";
+import s from "@mui/material/DialogContent";
+import c from "@mui/material/TextField";
+import l from "@mui/material/DialogActions";
+import u from "@mui/material/Button";
+import d from "@mui/material/Dialog";
+import f from "@mui/material/IconButton";
+import p from "@mui/icons-material/Delete";
+import m from "@mui/material/Tabs";
+import h from "@mui/material/Tab";
+import g from "@mui/material/DialogTitle";
+import _ from "@mui/material/DialogContentText";
+import v from "@mui/material/Typography";
+//#region src/components/media/MediaDialog.tsx
+var y = o("@pie-lib:editable-html:plugins:media:dialog"), b = (e) => {
+	if (!e) return !1;
+	let t = /^(?:https?:\/\/)?(?:m\.|www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/;
+	return e.match(t) ? e.match(t)[1] : !1;
+}, x = (e) => e && /(http|https)?:\/\/(www\.)?(player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|)(video\/)?(\d+)(?:|\/\?)/.test(e), S = (e) => e && /^https:\/\/drive\.google\.com\/(?:file\/d\/|drive\/(?:u\/\d+\/)?folders\/|uc\?id=)([a-zA-Z0-9_-]+)/.test(e), C = (e) => {
+	if (!e) return !1;
+	let t = /^https?:\/\/(soundcloud\.com|snd\.sc)\/(.*)$/;
+	return e.match(t) && e.match(t)[2];
+}, w = (e) => new Promise((t) => {
+	try {
+		fetch(`https://soundcloud.com/oembed?format=json&url=${e}`).then((e) => e.json()).then((e) => {
+			let n = document.createElement("div");
+			n.innerHTML = e.html, t(n.querySelector("iframe").src);
+		}).catch((e) => {
+			t(""), y(e);
+		});
+	} catch {
+		t("");
+	}
+}), T = {
+	video: "Video",
+	audio: "Audio"
+}, E = {
+	uploadFile: "upload-file",
+	insertUrl: "insert-url"
+}, D = t(d)(({ theme: e }) => ({ "& .MuiDialog-paper": { minWidth: "500px" } })), O = t(s)(({ theme: e }) => ({ padding: 0 })), k = t("div")(({ theme: e }) => ({
+	display: "flex",
+	flexDirection: "space-between"
+})), A = t("div")(({ theme: e }) => ({ marginTop: e.spacing(1.5) })), j = t("input")(({ theme: e }) => ({})), M = t(v)(({ theme: e }) => ({
+	marginTop: e.spacing(1.5),
+	color: e.palette.error.main
+})), N = t(f)(({ theme: e }) => ({ marginLeft: e.spacing(1.5) })), P = class extends e.Component {
+	static propTypes = {
+		open: n.bool,
+		edit: n.bool,
+		disablePortal: n.bool,
+		handleClose: n.func,
+		uploadSoundSupport: n.shape({
+			add: n.func,
+			delete: n.func
+		}),
+		type: n.string,
+		src: n.string,
+		url: n.string,
+		urlToUse: n.string,
+		starts: n.number,
+		ends: n.number,
+		height: n.number,
+		width: n.number
+	};
+	constructor(e) {
+		super(e);
+		let { ends: t, height: n, src: r, starts: i, type: a, uploadSoundSupport: o, url: s, urlToUse: c, width: l } = e, u = o?.add && o?.delete && a !== "video" && !r;
+		this.state = {
+			ends: t || 0,
+			url: s,
+			urlToUse: c,
+			formattedUrl: r,
+			height: n || 315,
+			invalid: !1,
+			starts: i || 0,
+			width: l || 560,
+			tabValue: u ? E.uploadFile : E.insertUrl,
+			fileUpload: {
+				error: null,
+				loading: !1,
+				scheduled: !1,
+				url: "",
+				mimeType: ""
+			}
+		};
+	}
+	componentDidMount() {
+		this.props.url && this.urlChange({ target: { value: this.props.url } });
+	}
+	formatUrl = () => {
+		let { url: e, urlToUse: t, starts: n, ends: r } = this.state, i = b(e), a = x(e), o = t;
+		if ((i || a) && t) {
+			let e = [], s, c;
+			switch (!0) {
+				case a:
+					s = "t", c = "#";
+					break;
+				case i:
+					s = "start", c = "?";
+					break;
+				default: s = "start", c = "?";
+			}
+			n && e.push(`${s}=${n}`), r && e.push(`end=${r}`), o = `${t}${e.length ? c : ""}${e.join("&")}`;
+		}
+		this.setState({
+			formattedUrl: null,
+			updating: !0
+		}, () => this.setState({
+			formattedUrl: o,
+			updating: !1
+		}));
+	};
+	handleStateChange = (e) => this.setState(e, this.formatUrl);
+	checkAudio = (e) => {
+		C(e) && w(e).then((t) => {
+			this.handleStateChange({
+				urlToUse: t,
+				invalid: !t,
+				url: e
+			});
+		}).catch(y);
+	};
+	checkVideo = (e) => {
+		if (b(e)) {
+			let t = `https://youtube.com/embed/${e.match(/^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/)[2]}`;
+			y("is youtube"), this.handleStateChange({
+				urlToUse: t,
+				url: e,
+				invalid: !1
+			});
+		}
+		if (x(e)) {
+			let t = `https://player.vimeo.com/video/${e.replace(/.*vimeo.com\/(.*)/g, "$1")}`;
+			y("is vimeo"), this.handleStateChange({
+				urlToUse: t,
+				url: e,
+				ends: null,
+				invalid: !1
+			});
+		}
+		if (S(e)) {
+			let t = `https://drive.google.com/file/d/${e.replace(/^https:\/\/drive\.google\.com\/(?:file\/d\/|drive\/(?:u\/\d+\/)?folders\/|uc\?id=)([a-zA-Z0-9_-]+)\/.*/, "$1")}/preview`;
+			y("is google drive"), this.handleStateChange({
+				urlToUse: t,
+				url: e,
+				ends: null,
+				invalid: !1
+			});
+		}
+	};
+	urlChange = (e) => {
+		let { value: t } = e.target || {}, { type: n } = this.props;
+		if (n && n === "audio") {
+			this.checkAudio(t);
+			return;
+		} else if (n && n === "video") {
+			this.checkVideo(t);
+			return;
+		}
+		this.handleStateChange({
+			urlToUse: null,
+			url: null,
+			invalid: !0
+		});
+	};
+	changeHandler = (e) => (t) => this.handleStateChange({ [e]: t.target.value });
+	handleDone = (e) => {
+		let { handleClose: t } = this.props, { tabValue: n, fileUpload: r } = this.state, i = n === E.insertUrl;
+		if (!e) {
+			r.url && this.handleRemoveFile(), t(e);
+			return;
+		}
+		if (i) {
+			let { ends: n, height: r, url: i, urlToUse: a, formattedUrl: o, starts: s, width: c } = this.state;
+			t(e, {
+				tag: "iframe",
+				ends: n,
+				height: r,
+				starts: s,
+				width: c,
+				url: i,
+				urlToUse: a,
+				src: o
+			});
+			return;
+		}
+		if (!r.loading) {
+			t(e, {
+				tag: "audio",
+				src: r.url
+			});
+			return;
+		}
+		this.setState({ fileUpload: {
+			...r,
+			scheduled: !0
+		} });
+	};
+	handleUploadFile = async (e) => {
+		e.preventDefault(), this.setState({ fileUpload: {
+			...this.state.fileUpload,
+			error: null,
+			loading: !0
+		} });
+		let t = e.target.files[0], n = new FileReader();
+		n.onload = () => {
+			let e = n.result;
+			this.setState({ fileUpload: {
+				...this.state.fileUpload,
+				url: e,
+				mimeType: t.type
+			} });
+		}, n.readAsDataURL(t), this.props.uploadSoundSupport.add({
+			fileChosen: t,
+			done: (e, t) => {
+				if (y("done: err:", e), e) {
+					console.log(e), this.setState({ fileUpload: {
+						...this.state.fileUpload,
+						scheduled: !1,
+						loading: !1,
+						error: e
+					} });
+					return;
+				}
+				let { fileUpload: n } = this.state, r = n && n.scheduled ? this.handleDone.bind(this, !0) : void 0;
+				this.setState({ fileUpload: {
+					...n,
+					scheduled: !1,
+					loading: !1,
+					url: t
+				} }, r);
+			}
+		});
+	};
+	handleRemoveFile = async () => {
+		this.props.uploadSoundSupport.delete(this.state.fileUpload.url, (e) => {
+			e && (console.log(e), this.setState({ fileUpload: {
+				...this.state.fileUpload,
+				error: e
+			} }));
+		}), this.setState({ fileUpload: {
+			...this.state.fileUpload,
+			loading: !1,
+			url: "",
+			mimeType: ""
+		} });
+	};
+	render() {
+		let { open: t, disablePortal: n, type: o, edit: d, uploadSoundSupport: f } = this.props, { ends: y, height: x, invalid: S, starts: C, width: w, url: P, mimeType: F, formattedUrl: I, updating: L, tabValue: R, fileUpload: z } = this.state, B = b(P), V = R === E.insertUrl, H = R === E.uploadFile, U = V ? S || P == null : !z.url || z.scheduled, W = f?.add && f?.delete && o !== "video";
+		return /* @__PURE__ */ a(D, {
+			disablePortal: n,
+			open: t,
+			onClose: () => this.handleDone(!1),
+			"aria-labelledby": "form-dialog-title",
+			children: [
+				/* @__PURE__ */ a(g, {
+					id: "form-dialog-title",
+					children: ["Insert ", T[o]]
+				}),
+				/* @__PURE__ */ i(s, { children: /* @__PURE__ */ a("div", { children: [
+					/* @__PURE__ */ i(k, { children: /* @__PURE__ */ a(m, {
+						indicatorColor: "primary",
+						value: R,
+						onChange: (e, t) => {
+							this.setState({ tabValue: t });
+						},
+						children: [W ? /* @__PURE__ */ i(h, {
+							value: E.uploadFile,
+							label: "Upload file"
+						}) : null, /* @__PURE__ */ i(h, {
+							value: E.insertUrl,
+							label: o === "video" ? "Insert YouTube, Vimeo, or Google Drive URL" : "Insert SoundCloud URL"
+						})]
+					}) }),
+					V && /* @__PURE__ */ a("div", { children: [
+						/* @__PURE__ */ i(c, {
+							autoFocus: !0,
+							error: S,
+							helperText: S ? "Invalid URL" : "",
+							margin: "dense",
+							id: "name",
+							label: "URL",
+							placeholder: `Paste URL of ${o}...`,
+							type: "text",
+							onChange: this.urlChange,
+							value: P,
+							fullWidth: !0
+						}),
+						o === "video" && /* @__PURE__ */ a(O, { children: [
+							/* @__PURE__ */ i(_, { children: "Video Properties" }),
+							/* @__PURE__ */ i(c, {
+								autoFocus: !0,
+								margin: "dense",
+								id: "width",
+								label: "Width",
+								type: "number",
+								placeholder: "Width",
+								value: w,
+								onChange: this.changeHandler("width")
+							}),
+							/* @__PURE__ */ i(c, {
+								autoFocus: !0,
+								margin: "dense",
+								id: "height",
+								label: "Height",
+								type: "number",
+								placeholder: "Height",
+								value: x,
+								onChange: this.changeHandler("height")
+							})
+						] }),
+						I && /* @__PURE__ */ i("iframe", {
+							width: w,
+							height: x,
+							src: I,
+							frameBorder: "0",
+							allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+							allowFullScreen: !0
+						}),
+						o === "video" && (I || L) && !S && /* @__PURE__ */ i(e.Fragment, { children: /* @__PURE__ */ a(O, { children: [/* @__PURE__ */ i(c, {
+							autoFocus: !0,
+							margin: "dense",
+							id: "starts",
+							label: "Starts",
+							type: "number",
+							placeholder: "Starts",
+							value: C,
+							onChange: this.changeHandler("starts")
+						}), B && /* @__PURE__ */ i(c, {
+							autoFocus: !0,
+							margin: "dense",
+							id: "ends",
+							label: "Ends",
+							type: "number",
+							placeholder: "Ends",
+							value: y,
+							onChange: this.changeHandler("ends")
+						})] }) })
+					] }),
+					H && /* @__PURE__ */ i(A, { children: /* @__PURE__ */ a("div", { children: [z.url ? /* @__PURE__ */ a(r, { children: [
+						/* @__PURE__ */ a(k, { children: [/* @__PURE__ */ i("audio", {
+							controls: "controls",
+							controlsList: "nodownload",
+							children: /* @__PURE__ */ i("source", {
+								type: F,
+								src: z.url
+							})
+						}), /* @__PURE__ */ i(N, {
+							"aria-label": "delete",
+							onClick: this.handleRemoveFile,
+							children: /* @__PURE__ */ i(p, {})
+						})] }),
+						!z.scheduled && z.loading ? /* @__PURE__ */ i(v, {
+							variant: "subheading",
+							children: "Loading..."
+						}) : null,
+						z.scheduled ? /* @__PURE__ */ i(v, {
+							variant: "subheading",
+							children: "Waiting for Upload to finish, then inserting item..."
+						}) : null
+					] }) : z.loading ? null : /* @__PURE__ */ i(j, {
+						accept: "audio/*",
+						onChange: this.handleUploadFile,
+						type: "file"
+					}), !!z.error && /* @__PURE__ */ i(M, {
+						variant: "caption",
+						children: z.error
+					})] }) })
+				] }) }),
+				/* @__PURE__ */ a(l, { children: [/* @__PURE__ */ i(u, {
+					onClick: () => this.handleDone(!1),
+					color: "primary",
+					children: "Cancel"
+				}), /* @__PURE__ */ i(u, {
+					disabled: U,
+					onClick: () => this.handleDone(!0),
+					color: "primary",
+					children: d ? "Update" : "Insert"
+				})] })
+			]
+		});
+	}
+};
+//#endregion
+export { P as default };

package/dist/components/media/MediaToolbar.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/components/media/MediaToolbar.jsx
+ * @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 React from 'react';
+import PropTypes from 'prop-types';
+declare class MediaToolbar extends React.Component {
+    static propTypes: {
+        onEdit: PropTypes.Requireable<(...args: any[]) => any>;
+        hideEdit: PropTypes.Requireable<boolean>;
+        onRemove: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    render(): JSX.Element;
+}
+export default MediaToolbar;
+//# sourceMappingURL=MediaToolbar.d.ts.map

package/dist/components/media/MediaToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/media/MediaToolbar.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AA4BnC,cAAM,YAAa,SAAQ,KAAK,CAAC,SAAS;IACxC,MAAM,CAAC,SAAS;;;;MAId;IAEF,MAAM;CAUP;AAED,eAAe,YAAY,CAAC"}

package/dist/components/media/MediaToolbar.js

@@ -0,0 +1,41 @@
+import e from "react";
+import { styled as t } from "@mui/material/styles";
+import n from "prop-types";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/media/MediaToolbar.tsx
+var a = t("span")(({ theme: e }) => ({
+	position: "relative",
+	bottom: "5px",
+	left: 0,
+	width: "100%",
+	background: e.palette.common.white,
+	display: "inline-flex",
+	padding: "5px",
+	boxShadow: "0px 4px 4px rgba(0, 0, 0, 0.25)"
+})), o = t("span")(({ theme: e }) => ({
+	cursor: "pointer",
+	flex: 3,
+	border: `solid ${e.palette.common.black}`,
+	textAlign: "right",
+	borderWidth: "0 2px 0 0",
+	marginRight: "5px",
+	paddingRight: "5px"
+})), s = t("span")({ cursor: "pointer" }), c = class extends e.Component {
+	static propTypes = {
+		onEdit: n.func,
+		hideEdit: n.bool,
+		onRemove: n.func
+	};
+	render() {
+		let { hideEdit: e, onEdit: t, onRemove: n } = this.props;
+		return /* @__PURE__ */ i(a, { children: [e ? null : /* @__PURE__ */ r(o, {
+			onClick: t,
+			children: "Edit Settings"
+		}), /* @__PURE__ */ r(s, {
+			onClick: n,
+			children: "Remove"
+		})] });
+	}
+};
+//#endregion
+export { c as default };

package/dist/components/media/MediaWrapper.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/components/media/MediaWrapper.jsx
+ * @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 React from 'react';
+import PropTypes from 'prop-types';
+declare class MediaWrapper extends React.Component {
+    static propTypes: {
+        children: PropTypes.Requireable<any[]>;
+        editor: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    };
+    render(): JSX.Element;
+}
+export default MediaWrapper;
+//# sourceMappingURL=MediaWrapper.d.ts.map

package/dist/components/media/MediaWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/media/MediaWrapper.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAanC,cAAM,YAAa,SAAQ,KAAK,CAAC,SAAS;IACxC,MAAM,CAAC,SAAS;;;;MAId;IAEF,MAAM;CAeP;AAED,eAAe,YAAY,CAAC"}

package/dist/components/respArea/DragInTheBlank/DragInTheBlank.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/components/respArea/DragInTheBlank/DragInTheBlank.jsx
+ * @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 PropTypes from 'prop-types';
+export declare const onValueChange: (editor: any, node: any, pos: any, choice: any) => void;
+export declare const onRemoveResponse: (editor: any, node: any, choice: any) => void;
+declare const DragDrop: {
+    (props: any): JSX.Element;
+    propTypes: {
+        attributes: PropTypes.Requireable<object>;
+        data: PropTypes.Requireable<object>;
+        n: PropTypes.Requireable<object>;
+        nodeProps: PropTypes.Requireable<object>;
+        opts: PropTypes.Requireable<object>;
+    };
+};
+export default DragDrop;
+//# sourceMappingURL=DragInTheBlank.d.ts.map

package/dist/components/respArea/DragInTheBlank/DragInTheBlank.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragInTheBlank.d.ts","sourceRoot":"","sources":["../../../../src/components/respArea/DragInTheBlank/DragInTheBlank.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAGH,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,eAAO,MAAM,aAAa,GAAI,WAAM,EAAE,SAAI,EAAE,QAAG,EAAE,WAAM,SAUtD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM,EAAE,SAAI,EAAE,WAAM,SAOpD,CAAC;AAEF,QAAA,MAAM,QAAQ;;;;;;;;;CAsCb,CAAC;AAUF,eAAe,QAAQ,CAAC"}

package/dist/components/respArea/DragInTheBlank/DragInTheBlank.js

@@ -0,0 +1,58 @@
+import e from "./choice.js";
+import "react";
+import { NodeViewWrapper as t } from "@tiptap/react";
+import n from "prop-types";
+import { jsx as r } from "react/jsx-runtime";
+import i from "lodash-es/omit.js";
+//#region src/components/respArea/DragInTheBlank/DragInTheBlank.tsx
+var a = (e, t, n, r) => {
+	let { tr: i } = e.state;
+	i.setNodeMarkup(n, void 0, {
+		...t.attrs,
+		...r.value
+	}), i.isDone = !0, e.view.dispatch(i);
+}, o = (e, t, n) => {
+	let { tr: r } = e.state;
+	r.setNodeMarkup(n.pos, void 0, i(t.attrs, ["value", "id"])), r.isDone = !0, e.view.dispatch(r);
+}, s = (n) => {
+	let { editor: i, node: s, getPos: c, options: l, selected: u } = n, { attrs: d } = s, { inTable: f } = d, p = c();
+	return /* @__PURE__ */ r(t, {
+		className: "drag-in-the-blank",
+		"data-selected": u,
+		style: {
+			display: "inline",
+			whiteSpace: "normal"
+		},
+		children: /* @__PURE__ */ r("span", {
+			...d,
+			style: {
+				display: "inline-flex",
+				minHeight: "50px",
+				minWidth: "178px",
+				position: "relative",
+				margin: f ? "10px" : "0 10px",
+				cursor: "pointer"
+			},
+			children: /* @__PURE__ */ r(e, {
+				n: d,
+				dragKey: d.id,
+				targetId: "0",
+				pos: p,
+				value: d,
+				duplicates: l.duplicates,
+				selected: u,
+				onChange: (e) => a(i, s, p, e),
+				removeResponse: (e) => o(i, s, e)
+			})
+		})
+	});
+};
+s.propTypes = {
+	attributes: n.object,
+	data: n.object,
+	n: n.object,
+	nodeProps: n.object,
+	opts: n.object
+};
+//#endregion
+export { s as default };

package/dist/components/respArea/DragInTheBlank/choice.d.ts

@@ -0,0 +1,56 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/components/respArea/DragInTheBlank/choice.jsx
+ * @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 PropTypes from 'prop-types';
+export declare function BlankContent({ n, children, isDragging, isOver, dragItem, value, selected }: {
+    n: any;
+    children: any;
+    isDragging: any;
+    isOver: any;
+    dragItem: any;
+    value: any;
+    selected: any;
+}): JSX.Element;
+export declare namespace BlankContent {
+    var propTypes: {
+        n: PropTypes.Requireable<object>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        isDragging: PropTypes.Requireable<boolean>;
+        isOver: PropTypes.Requireable<boolean>;
+        dragItem: PropTypes.Requireable<object>;
+        value: PropTypes.Requireable<object>;
+        selected: PropTypes.Requireable<boolean>;
+    };
+}
+declare function DragDropChoice({ value, disabled, instanceId, children, n, onChange, removeResponse, duplicates, pos, selected, }: {
+    value: any;
+    disabled: any;
+    instanceId: any;
+    children: any;
+    n: any;
+    onChange: any;
+    removeResponse: any;
+    duplicates: any;
+    pos: any;
+    selected: any;
+}): JSX.Element;
+declare namespace DragDropChoice {
+    var propTypes: {
+        value: PropTypes.Requireable<object>;
+        disabled: PropTypes.Requireable<boolean>;
+        instanceId: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        n: PropTypes.Validator<object>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        removeResponse: PropTypes.Validator<(...args: any[]) => any>;
+        duplicates: PropTypes.Requireable<boolean>;
+        selected: PropTypes.Requireable<boolean>;
+    };
+}
+export default DragDropChoice;
+//# sourceMappingURL=choice.d.ts.map

package/dist/components/respArea/DragInTheBlank/choice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice.d.ts","sourceRoot":"","sources":["../../../../src/components/respArea/DragInTheBlank/choice.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAGH,OAAO,SAAS,MAAM,YAAY,CAAC;AAgBnC,wBAAgB,YAAY,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;;;;;;;;CAAA,eAwF1F;yBAxFe,YAAY;;;;;;;;;;;AAoG5B,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,CAAC,EACD,QAAQ,EACR,cAAc,EACd,UAAU,EACV,GAAG,EACH,QAAQ,GACT;;;;;;;;;;;CAAA,eAiHA;kBA5HQ,cAAc;;;;;;;;;;;;;AA0IvB,eAAe,cAAc,CAAC"}