@pie-element/categorize 13.1.1-next.1 → 13.1.1-next.29

package/dist/delivery/categorize/category.js

@@ -1,48 +0,0 @@
-import e from "./choice.js";
-import t from "./droppable-placeholder.js";
-import n from "react";
-import r from "prop-types";
-import { styled as i } from "@mui/material/styles";
-import { jsx as a } from "react/jsx-runtime";
-//#region src/delivery/categorize/category.tsx
-var o = {
-	id: r.string.isRequired,
-	categoryId: r.string
-}, s = class extends n.Component {
-	static propTypes = {
-		...o,
-		className: r.string,
-		disabled: r.bool,
-		onDropChoice: r.func,
-		onRemoveChoice: r.func,
-		minRowHeight: r.string
-	};
-	static defaultProps = {};
-	render() {
-		let { className: n, choices: r = [], disabled: i, onDropChoice: o, onRemoveChoice: s, id: l, correct: u, minRowHeight: d } = this.props;
-		return /* @__PURE__ */ a(c, {
-			className: n,
-			id: l,
-			children: /* @__PURE__ */ a(t, {
-				id: l,
-				onDropChoice: o,
-				disabled: i,
-				correct: u,
-				minRowHeight: d,
-				children: r.map((t, n) => /* @__PURE__ */ a(e, {
-					onRemoveChoice: s,
-					disabled: i,
-					choiceIndex: n,
-					categoryId: l,
-					...t
-				}, n))
-			})
-		});
-	}
-}, c = i("div")(({ theme: e }) => ({
-	display: "flex",
-	flexDirection: "column",
-	flex: 2
-}));
-//#endregion
-export { o as CategoryType, s as default };

package/dist/delivery/categorize/choice.d.ts

@@ -1,27 +0,0 @@
-/**
- * @synced-from pie-elements/packages/categorize/src/categorize/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 React from 'react';
-import PropTypes from 'prop-types';
-export declare const ChoiceType: {
-    content: PropTypes.Validator<string>;
-    id: PropTypes.Requireable<string>;
-};
-export declare class Layout extends React.Component {
-    static propTypes: {
-        disabled: PropTypes.Requireable<boolean>;
-        correct: PropTypes.Requireable<boolean>;
-        isDragging: PropTypes.Requireable<boolean>;
-        content: PropTypes.Validator<string>;
-        id: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {};
-    render(): React.JSX.Element;
-}
-declare const _default: (props: any) => React.JSX.Element;
-export default _default;

package/dist/delivery/categorize/choice.js

@@ -1,94 +0,0 @@
-import e from "react";
-import { color as t } from "@pie-lib/render-ui";
-import n from "prop-types";
-import r from "debug";
-import { styled as i } from "@mui/material/styles";
-import { useDraggable as a } from "@dnd-kit/core";
-import { uid as o } from "@pie-lib/drag";
-import { jsx as s } from "react/jsx-runtime";
-import c from "@mui/material/Card";
-import l from "@mui/material/CardContent";
-//#region src/delivery/categorize/choice.tsx
-r("@pie-ui:categorize:choice");
-var u = {
-	content: n.string.isRequired,
-	id: n.string
-}, d = i("div", { shouldForwardProp: (e) => ![
-	"isDragging",
-	"disabled",
-	"correct"
-].includes(e) })(({ isDragging: e, disabled: n, correct: r }) => ({
-	direction: "initial",
-	cursor: n ? "not-allowed" : e ? "move" : "pointer",
-	width: "100%",
-	borderRadius: "6px",
-	...r === !0 && { border: `solid 2px ${t.correct()}` },
-	...r === !1 && { border: `solid 2px ${t.incorrect()}` }
-})), f = i(c)({
-	color: t.text(),
-	backgroundColor: t.background(),
-	width: "100%"
-}), p = i(l)(({ theme: e }) => ({
-	color: t.text(),
-	backgroundColor: t.white(),
-	"&:last-child": { paddingBottom: e.spacing(2) },
-	borderRadius: "4px",
-	border: "1px solid",
-	"& p": { margin: "0px" }
-})), m = class extends e.Component {
-	static propTypes = {
-		...u,
-		disabled: n.bool,
-		correct: n.bool,
-		isDragging: n.bool
-	};
-	static defaultProps = {};
-	render() {
-		let { content: e, isDragging: t, disabled: n, correct: r } = this.props;
-		return /* @__PURE__ */ s(d, {
-			isDragging: t,
-			disabled: n,
-			correct: r,
-			children: /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(p, { dangerouslySetInnerHTML: { __html: e } }) })
-		});
-	}
-}, h = ({ id: e, content: t, disabled: n, correct: r, extraStyle: i, categoryId: o, choiceIndex: c }) => {
-	let { attributes: l, listeners: u, setNodeRef: d, isDragging: f } = a({
-		id: o === void 0 ? `choice-${e}-board` : `choice-${e}-${o}-${c}`,
-		data: {
-			id: e,
-			categoryId: o,
-			choiceIndex: c,
-			value: t,
-			itemType: "categorize",
-			type: "choice"
-		},
-		disabled: n
-	});
-	return /* @__PURE__ */ s("div", {
-		ref: d,
-		style: {
-			margin: "4px",
-			...i
-		},
-		...u,
-		...l,
-		children: /* @__PURE__ */ s(m, {
-			id: e,
-			content: t,
-			disabled: n,
-			correct: r,
-			isDragging: f
-		})
-	});
-};
-h.propTypes = {
-	...u,
-	extraStyle: n.object,
-	categoryId: n.string,
-	choiceIndex: n.number,
-	onRemoveChoice: n.func
-};
-var g = o.withUid(h);
-//#endregion
-export { u as ChoiceType, g as default };

package/dist/delivery/categorize/choices.d.ts

@@ -1,39 +0,0 @@
-/**
- * @synced-from pie-elements/packages/categorize/src/categorize/choices.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';
-import { ChoiceType } from './choice.js';
-export { ChoiceType };
-export declare class Choices extends React.Component {
-    static propTypes: {
-        choices: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
-            content: PropTypes.Validator<string>;
-            id: PropTypes.Requireable<string>;
-        }> | PropTypes.InferProps<{
-            empty: PropTypes.Requireable<boolean>;
-        }> | null | undefined> | null | undefined)[]>;
-        model: PropTypes.Requireable<PropTypes.InferProps<{
-            categoriesPerRow: PropTypes.Requireable<number>;
-            choicesLabel: PropTypes.Requireable<string>;
-        }>>;
-        disabled: PropTypes.Requireable<boolean>;
-        choicePosition: PropTypes.Requireable<string>;
-        onDropChoice: PropTypes.Requireable<(...args: any[]) => any>;
-        onRemoveChoice: PropTypes.Requireable<(...args: any[]) => any>;
-        correct: any;
-    };
-    static defaultProps: {
-        model: {
-            categoriesPerRow: number;
-            choicesLabel: string;
-        };
-    };
-    render(): React.JSX.Element;
-}
-export default Choices;

package/dist/delivery/categorize/choices.js

@@ -1,51 +0,0 @@
-import e, { ChoiceType as t } from "./choice.js";
-import n from "./droppable-placeholder.js";
-import r from "react";
-import i from "prop-types";
-import { styled as a } from "@mui/material/styles";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/delivery/categorize/choices.tsx
-var c = a("div")({
-	flex: 1,
-	touchAction: "none"
-}), l = a("div")(({ theme: e }) => ({
-	margin: "0 auto",
-	textAlign: "center",
-	paddingTop: e.spacing(1)
-})), u = class extends r.Component {
-	static propTypes = {
-		choices: i.arrayOf(i.oneOfType([i.shape(t), i.shape({ empty: i.bool })])),
-		model: i.shape({
-			categoriesPerRow: i.number,
-			choicesLabel: i.string
-		}),
-		disabled: i.bool,
-		choicePosition: i.string,
-		onDropChoice: i.func,
-		onRemoveChoice: i.func,
-		correct: i.boolean
-	};
-	static defaultProps = { model: {
-		categoriesPerRow: 1,
-		choicesLabel: ""
-	} };
-	render() {
-		let { choices: t = [], model: r, disabled: i, onDropChoice: a, onRemoveChoice: u, choicePosition: d, correct: f } = this.props, p = { textAlign: "center" };
-		return d === "left" && (p.direction = "rtl"), /* @__PURE__ */ o(c, { children: /* @__PURE__ */ s(n, {
-			id: "choices-board",
-			onDropChoice: a,
-			onRemoveChoice: u,
-			disabled: i,
-			style: { background: "none" },
-			choiceBoard: !0,
-			correct: f,
-			children: [r.choicesLabel && r.choicesLabel !== "" && /* @__PURE__ */ o(l, { dangerouslySetInnerHTML: { __html: r.choicesLabel } }), t.map((t, n) => t.empty ? /* @__PURE__ */ o("div", {}, n) : /* @__PURE__ */ o(e, {
-				disabled: i,
-				extraStyle: { maxWidth: `${95 / r.categoriesPerRow}%` },
-				...t
-			}, n))]
-		}) });
-	}
-};
-//#endregion
-export { u as default };

package/dist/delivery/categorize/droppable-placeholder.d.ts

@@ -1,32 +0,0 @@
-/**
- * @synced-from pie-elements/packages/categorize/src/categorize/droppable-placeholder.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 const DroppablePlaceholder: {
-    ({ children, grid, disabled, choiceBoard, minRowHeight, id, correct }: {
-        children: any;
-        grid: any;
-        disabled: any;
-        choiceBoard: any;
-        minRowHeight: any;
-        id: any;
-        correct: any;
-    }): React.JSX.Element;
-    propTypes: {
-        choiceBoard: PropTypes.Requireable<boolean>;
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        grid: PropTypes.Requireable<object>;
-        disabled: PropTypes.Requireable<boolean>;
-        minRowHeight: PropTypes.Requireable<string>;
-        onDropChoice: PropTypes.Requireable<(...args: any[]) => any>;
-        id: PropTypes.Validator<string>;
-        correct: PropTypes.Requireable<boolean>;
-    };
-};
-export default DroppablePlaceholder;

package/dist/delivery/categorize/droppable-placeholder.js

@@ -1,64 +0,0 @@
-import "react";
-import { color as e } from "@pie-lib/render-ui";
-import t from "prop-types";
-import n from "debug";
-import { useTheme as r } from "@mui/material/styles";
-import { useDroppable as i } from "@dnd-kit/core";
-import { PlaceHolder as a } from "@pie-lib/drag";
-import { jsx as o } from "react/jsx-runtime";
-//#region src/delivery/categorize/droppable-placeholder.tsx
-n("@pie-ui:categorize:droppable-placeholder");
-var s = ({ children: t, grid: n, disabled: s, choiceBoard: c, minRowHeight: l, id: u, correct: d }) => {
-	let f = r(), { setNodeRef: p, isOver: m } = i({
-		id: u,
-		data: {
-			itemType: "categorize",
-			categoryId: u
-		},
-		disabled: s
-	}), h = {
-		padding: f.spacing(.5),
-		borderRadius: f.spacing(.5),
-		gridColumnGap: 0,
-		gridRowGap: 0,
-		display: "flex",
-		flexWrap: "wrap",
-		justifyContent: "center",
-		alignItems: "center",
-		alignContent: "flex-start",
-		width: "100%",
-		height: "100%",
-		...d === !1 && !c && { border: `solid 2px ${e.incorrect()}` },
-		...d === !0 && !c && { border: `solid 2px ${e.correct()}` }
-	};
-	return /* @__PURE__ */ o("div", {
-		ref: p,
-		style: {
-			flex: 1,
-			minHeight: l || "80px",
-			position: "relative",
-			touchAction: "none"
-		},
-		children: /* @__PURE__ */ o(a, {
-			isOver: m,
-			grid: n,
-			disabled: s,
-			choiceBoard: c,
-			isCategorize: !0,
-			extraStyles: h,
-			children: t
-		})
-	});
-};
-s.propTypes = {
-	choiceBoard: t.bool,
-	children: t.node.isRequired,
-	grid: t.object,
-	disabled: t.bool,
-	minRowHeight: t.string,
-	onDropChoice: t.func,
-	id: t.string.isRequired,
-	correct: t.bool
-};
-//#endregion
-export { s as default };

package/dist/delivery/categorize/grid-content.d.ts

@@ -1,25 +0,0 @@
-/**
- * @synced-from pie-elements/packages/categorize/src/categorize/grid-content.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';
-export declare class GridContent extends React.Component {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
-        columns: PropTypes.Requireable<number>;
-        rows: PropTypes.Requireable<number>;
-        extraStyle: PropTypes.Requireable<object>;
-    };
-    static defaultProps: {
-        columns: number;
-        rows: number;
-    };
-    render(): React.JSX.Element;
-}
-export default GridContent;

package/dist/delivery/categorize/grid-content.js

@@ -1,39 +0,0 @@
-import e from "react";
-import t from "prop-types";
-import { styled as n } from "@mui/material/styles";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/delivery/categorize/grid-content.tsx
-var i = class extends e.Component {
-	static propTypes = {
-		className: t.string,
-		children: t.oneOfType([t.arrayOf(t.node), t.node]).isRequired,
-		columns: t.number,
-		rows: t.number,
-		extraStyle: t.object
-	};
-	static defaultProps = {
-		columns: 2,
-		rows: 2
-	};
-	render() {
-		let { className: e, children: t, columns: n, extraStyle: i, rows: o } = this.props;
-		return /* @__PURE__ */ r(a, {
-			style: {
-				gridTemplateColumns: `repeat(${n}, 1fr)`,
-				gridTemplateRows: o === 2 ? "auto 1fr" : `repeat(${o}, auto)`,
-				...i
-			},
-			className: e,
-			children: t
-		});
-	}
-}, a = n("div")(({ theme: e }) => ({
-	display: "grid",
-	columnGap: e.spacing(1),
-	gridColumnGap: e.spacing(1),
-	rowGap: e.spacing(1),
-	gridRowGap: e.spacing(1),
-	gridAutoRows: "1fr"
-}));
-//#endregion
-export { i as default };

package/dist/delivery/categorize/index.d.ts

@@ -1,57 +0,0 @@
-/**
- * @synced-from pie-elements/packages/categorize/src/categorize/index.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';
-export declare class Categorize extends React.Component {
-    static propTypes: {
-        model: PropTypes.Requireable<object>;
-        session: PropTypes.Requireable<PropTypes.InferProps<{
-            answers: PropTypes.Requireable<(PropTypes.InferProps<{
-                choice: PropTypes.Requireable<string>;
-                category: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
-        }>>;
-        onAnswersChange: PropTypes.Validator<(...args: any[]) => any>;
-        onShowCorrectToggle: PropTypes.Validator<(...args: any[]) => any>;
-        pauseMathObserver: PropTypes.Requireable<(...args: any[]) => any>;
-        resumeMathObserver: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        disabled: boolean;
-    };
-    constructor(props: any);
-    removeChoice: any;
-    dropChoice: any;
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    toggleShowCorrect: () => void;
-    getPositionDirection: any;
-    existAlternateResponse: (correctResponse: any) => any;
-    render(): React.JSX.Element;
-}
-declare class CategorizeProvider extends React.Component {
-    static propTypes: {
-        model: PropTypes.Requireable<object>;
-        session: PropTypes.Requireable<PropTypes.InferProps<{
-            answers: PropTypes.Requireable<(PropTypes.InferProps<{
-                choice: PropTypes.Requireable<string>;
-                category: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
-        }>>;
-        onAnswersChange: PropTypes.Validator<(...args: any[]) => any>;
-        onShowCorrectToggle: PropTypes.Validator<(...args: any[]) => any>;
-        pauseMathObserver: PropTypes.Requireable<(...args: any[]) => any>;
-        resumeMathObserver: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    constructor(props: any);
-    onDragStart: any;
-    onDragEnd: any;
-    renderDragOverlay: any;
-    render(): React.JSX.Element;
-}
-export default CategorizeProvider;