@pie-lib/config-ui 13.1.0-beta.8 → 14.0.0-next.35

package/dist/feedback-config/feedback-selector.js

@@ -0,0 +1,92 @@
+import e from "./group.js";
+import t from "react";
+import n from "prop-types";
+import { styled as r } from "@mui/material/styles";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "@pie-lib/editable-html-tip-tap";
+import * as s from "@pie-lib/render-ui";
+import { InputContainer as c, color as l } from "@pie-lib/render-ui";
+//#region src/feedback-config/feedback-selector.tsx
+function u(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function d(e, t) {
+	return !e || u(e) ? e : u(e.default) ? e.default : t && u(e[t]) ? e[t] : t && u(e[t]?.default) ? e[t].default : e;
+}
+var f = d(c, "InputContainer") || d(h.InputContainer, "InputContainer"), p = s, m = p.default, h = m && typeof m == "object" ? m : p, g = r(o)(({ theme: e }) => ({ fontFamily: e.typography.fontFamily })), _ = {
+	default: "Simple Feedback",
+	none: "No Feedback",
+	custom: "Customized Feedback"
+}, v = r("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), y = r(f)(() => ({ paddingBottom: 0 })), b = r("div")(({ theme: e }) => ({
+	marginTop: "0px",
+	background: l.backgroundDark(),
+	padding: 0,
+	marginBottom: e.spacing(2),
+	borderRadius: "4px"
+})), x = r("div")(({ theme: e }) => ({
+	marginTop: "0px",
+	background: l.backgroundDark(),
+	padding: e.spacing(2),
+	marginBottom: e.spacing(2),
+	borderRadius: "4px",
+	fontFamily: e.typography.fontFamily,
+	cursor: "default"
+})), S = r(e)(({ theme: e }) => ({ paddingTop: e.spacing(1) })), C = {
+	type: n.oneOf([
+		"default",
+		"custom",
+		"none"
+	]),
+	default: n.string,
+	custom: n.string
+}, w = class extends t.Component {
+	static propTypes = {
+		keys: n.arrayOf(n.string),
+		label: n.string.isRequired,
+		feedback: n.shape(C).isRequired,
+		onChange: n.func.isRequired,
+		toolbarOpts: n.object,
+		mathMlOptions: n.object
+	};
+	changeType = (e) => {
+		let { onChange: t, feedback: n } = this.props;
+		t({
+			...n,
+			type: e
+		});
+	};
+	changeCustom = (e) => {
+		let { onChange: t, feedback: n } = this.props;
+		t({
+			...n,
+			type: "custom",
+			custom: e
+		});
+	};
+	render() {
+		let { keys: e, label: t, feedback: n, toolbarOpts: r, mathMlOptions: o = {} } = this.props;
+		return /* @__PURE__ */ a(v, { children: [
+			/* @__PURE__ */ i(y, {
+				label: t,
+				extraClasses: { label: { transform: "translateY(-20%)" } },
+				children: /* @__PURE__ */ i(S, {
+					keys: e || Object.keys(_),
+					label: t,
+					value: n.type,
+					onChange: this.changeType,
+					feedbackLabels: _
+				})
+			}),
+			n.type === "custom" && /* @__PURE__ */ i(b, { children: /* @__PURE__ */ i(g, {
+				onChange: this.changeCustom,
+				markup: n.custom || "",
+				toolbarOpts: r,
+				languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+				mathMlOptions: o
+			}) }),
+			n.type === "default" && /* @__PURE__ */ a(x, { children: [" ", n.default] })
+		] });
+	}
+};
+//#endregion
+export { w as FeedbackSelector, w as default, C as FeedbackType };

package/dist/feedback-config/group.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @synced-from pie-lib/packages/config-ui/src/feedback-config/group.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';
+import React from 'react';
+declare const Group: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        feedbackLabels: PropTypes.Validator<object>;
+        value: PropTypes.Validator<string>;
+        keys: PropTypes.Requireable<(string | null | undefined)[]>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+export default Group;

package/dist/feedback-config/group.js

@@ -0,0 +1,33 @@
+import e from "../radio-with-label.js";
+import "react";
+import t from "prop-types";
+import { styled as n } from "@mui/material/styles";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/feedback-config/group.tsx
+var i = n("div")(() => ({
+	display: "flex",
+	alignItems: "center"
+})), a = n("div")(() => ({
+	display: "flex",
+	alignItems: "center"
+})), o = n(e)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": { fontSize: e.typography.fontSize - 2 } })), s = (e) => {
+	let { feedbackLabels: t, value: n, className: s, onChange: c, keys: l } = e;
+	return /* @__PURE__ */ r(i, {
+		className: s,
+		children: l.map((e) => /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(o, {
+			value: e,
+			checked: n === e,
+			onChange: (e) => c(e.currentTarget.value),
+			label: t[e]
+		}) }, e))
+	});
+};
+s.propTypes = {
+	className: t.string,
+	feedbackLabels: t.object.isRequired,
+	value: t.string.isRequired,
+	keys: t.arrayOf(t.string),
+	onChange: t.func
+};
+//#endregion
+export { s as default };

package/dist/feedback-config/index.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @synced-from pie-lib/packages/config-ui/src/feedback-config/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 FeedbackSelector from './feedback-selector.js';
+import PropTypes from 'prop-types';
+import React from 'react';
+export { FeedbackSelector };
+export declare const buildDefaults: (input: any) => {};
+export declare class FeedbackConfig extends React.Component {
+    static propTypes: {
+        allowPartial: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        feedback: PropTypes.Requireable<PropTypes.InferProps<{
+            correct: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                default: PropTypes.Requireable<string>;
+                custom: PropTypes.Requireable<string>;
+            }>>;
+            incorrect: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                default: PropTypes.Requireable<string>;
+                custom: PropTypes.Requireable<string>;
+            }>>;
+            partial: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                default: PropTypes.Requireable<string>;
+                custom: PropTypes.Requireable<string>;
+            }>>;
+        }>>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        toolbarOpts: PropTypes.Requireable<object>;
+    };
+    static defaultProps: {
+        allowPartial: boolean;
+        feedback: {};
+    };
+    onChange(key: any, config: any): void;
+    onCorrectChange: (config: any) => void;
+    onIncorrectChange: (config: any) => void;
+    onPartialChange: (config: any) => void;
+    render(): React.JSX.Element;
+}
+export default FeedbackConfig;

package/dist/feedback-config/index.js

@@ -0,0 +1,96 @@
+import { FeedbackSelector as e, FeedbackType as t } from "./feedback-selector.js";
+import n from "react";
+import r from "prop-types";
+import { styled as i } from "@mui/material/styles";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { merge as s } from "@pie-element/shared-lodash";
+import c from "@mui/material/Accordion";
+import l from "@mui/material/AccordionSummary";
+import u from "@mui/material/AccordionDetails";
+import d from "@mui/material/Typography";
+import f from "@mui/icons-material/ExpandMore";
+//#region src/feedback-config/index.tsx
+var p = i("div")(() => ({
+	display: "flex",
+	flex: 1,
+	flexDirection: "column"
+})), m = i(u)(() => ({
+	paddingTop: 0,
+	paddingBottom: 0
+})), h = (e) => s({}, {
+	correct: {
+		type: "default",
+		default: "Correct"
+	},
+	incorrect: {
+		type: "default",
+		default: "Incorrect"
+	},
+	partial: {
+		type: "default",
+		default: "Nearly"
+	}
+}, e), g = class extends n.Component {
+	static propTypes = {
+		allowPartial: r.bool,
+		className: r.string,
+		feedback: r.shape({
+			correct: r.shape(t),
+			incorrect: r.shape(t),
+			partial: r.shape(t)
+		}),
+		onChange: r.func.isRequired,
+		toolbarOpts: r.object
+	};
+	static defaultProps = {
+		allowPartial: !0,
+		feedback: h()
+	};
+	onChange(e, t) {
+		let { feedback: n, onChange: r } = this.props;
+		r({
+			...n,
+			[e]: t
+		});
+	}
+	onCorrectChange = this.onChange.bind(this, "correct");
+	onIncorrectChange = this.onChange.bind(this, "incorrect");
+	onPartialChange = this.onChange.bind(this, "partial");
+	render() {
+		let { className: t, allowPartial: n, feedback: r, toolbarOpts: i } = this.props;
+		return /* @__PURE__ */ a("div", {
+			className: t,
+			children: /* @__PURE__ */ o(c, {
+				slotProps: { transition: { timeout: {
+					enter: 225,
+					exit: 195
+				} } },
+				children: [/* @__PURE__ */ a(l, {
+					expandIcon: /* @__PURE__ */ a(f, {}),
+					children: /* @__PURE__ */ a(d, { children: "Feedback" })
+				}), /* @__PURE__ */ a(m, { children: /* @__PURE__ */ o(p, { children: [
+					/* @__PURE__ */ a(e, {
+						label: "If correct, show",
+						feedback: r.correct,
+						onChange: this.onCorrectChange,
+						toolbarOpts: i
+					}),
+					n && /* @__PURE__ */ a(e, {
+						label: "If partially correct, show",
+						feedback: r.partial,
+						onChange: this.onPartialChange,
+						toolbarOpts: i
+					}),
+					/* @__PURE__ */ a(e, {
+						label: "If incorrect, show",
+						feedback: r.incorrect,
+						onChange: this.onIncorrectChange,
+						toolbarOpts: i
+					})
+				] }) })]
+			})
+		});
+	}
+};
+//#endregion
+export { g as FeedbackConfig, g as default, e as FeedbackSelector, h as buildDefaults };

package/dist/form-section.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @synced-from pie-lib/packages/config-ui/src/form-section.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 FormSection: {
+    ({ className, label, children, labelExtraStyle }: {
+        className: any;
+        label: any;
+        children: any;
+        labelExtraStyle: any;
+    }): React.JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        labelExtraStyle: PropTypes.Requireable<object>;
+    };
+};
+export default FormSection;

package/dist/form-section.js

@@ -0,0 +1,25 @@
+import "react";
+import e from "prop-types";
+import { styled as t } from "@mui/material/styles";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "@mui/material/Typography";
+//#region src/form-section.tsx
+var a = t("div")(({ theme: e }) => ({
+	marginTop: e.spacing(2),
+	marginBottom: e.spacing(2)
+})), o = t(i)(({ theme: e }) => ({ marginBottom: e.spacing(1) })), s = ({ className: e, label: t, children: i, labelExtraStyle: s }) => /* @__PURE__ */ r(a, {
+	className: e,
+	children: [/* @__PURE__ */ n(o, {
+		variant: "subtitle1",
+		style: s,
+		children: t
+	}), i]
+});
+s.propTypes = {
+	className: e.string,
+	label: e.string,
+	children: e.node,
+	labelExtraStyle: e.object
+};
+//#endregion
+export { s as default };

package/dist/fraction-to-number.d.ts

@@ -0,0 +1,7 @@
+type FractionLike = {
+    d: number;
+    n: number;
+    s?: number;
+};
+export declare const fractionToNumber: (value: FractionLike | number | string) => number;
+export {};

package/dist/fraction-to-number.js

@@ -0,0 +1,9 @@
+//#region src/fraction-to-number.ts
+var e = (e) => typeof e == "object" && !!e && typeof e.n == "number" && typeof e.d == "number", t = (t) => {
+	if (typeof t == "number") return t;
+	if (e(t)) return (t.s ?? 1) * t.n / t.d;
+	let n = String(t).trim(), r = n.match(/^([+-]?\d+)\s*\/\s*([+-]?\d+)$/);
+	return r ? Number.parseInt(r[1] ?? "0", 10) / Number.parseInt(r[2] ?? "1", 10) : Number(n);
+};
+//#endregion
+export { t as fractionToNumber };

package/dist/help.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @synced-from pie-lib/packages/config-ui/src/help.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';
+import React from 'react';
+export declare const HelpButton: {
+    ({ onClick }: {
+        onClick: any;
+    }): React.JSX.Element;
+    propTypes: {
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+export declare const HelpDialog: {
+    ({ open, onClose, children, title }: {
+        open: any;
+        onClose: any;
+        children: any;
+        title: any;
+    }): React.JSX.Element;
+    propTypes: {
+        open: PropTypes.Requireable<boolean>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        title: PropTypes.Validator<string>;
+    };
+};
+declare class Help extends React.Component {
+    static propTypes: {
+        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        title: PropTypes.Requireable<string>;
+    };
+    constructor(props: any);
+    render(): React.JSX.Element;
+}
+export default Help;

package/dist/help.js

@@ -0,0 +1,62 @@
+import e from "react";
+import t from "prop-types";
+import { styled as n } from "@mui/material/styles";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { color as a } from "@pie-lib/render-ui";
+import o from "@mui/material/Dialog";
+import s from "@mui/material/DialogTitle";
+import c from "@mui/material/DialogContentText";
+import l from "@mui/material/DialogContent";
+import u from "@mui/material/DialogActions";
+import d from "@mui/material/Button";
+import f from "@mui/icons-material/Help";
+import p from "@mui/material/IconButton";
+//#region src/help.tsx
+var m = n(p)(() => ({ "&:hover": { color: a.borderLight() } })), h = ({ onClick: e }) => /* @__PURE__ */ r(m, {
+	onClick: e,
+	size: "large",
+	children: /* @__PURE__ */ r(f, {})
+});
+h.propTypes = { onClick: t.func };
+var g = ({ open: e, onClose: t, children: n, title: a }) => /* @__PURE__ */ i(o, {
+	open: e,
+	onClose: t,
+	children: [
+		/* @__PURE__ */ r(s, { children: a }),
+		/* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(c, { children: n }) }),
+		/* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(d, {
+			onClick: t,
+			color: "primary",
+			children: "OK"
+		}) })
+	]
+});
+g.propTypes = {
+	open: t.bool,
+	onClose: t.func,
+	children: t.oneOfType([t.arrayOf(t.node), t.node]).isRequired,
+	title: t.string.isRequired
+};
+var _ = class extends e.Component {
+	static propTypes = {
+		children: t.oneOfType([t.arrayOf(t.node), t.node]).isRequired,
+		title: t.string
+	};
+	constructor(e) {
+		super(e), this.state = { open: !1 };
+	}
+	render() {
+		let { children: e, title: t } = this.props;
+		return /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r(h, {
+			color: "accent",
+			onClick: () => this.setState({ open: !0 })
+		}), /* @__PURE__ */ r(g, {
+			open: this.state.open,
+			title: t,
+			onClose: () => this.setState({ open: !1 }),
+			children: e
+		})] });
+	}
+};
+//#endregion
+export { h as HelpButton, g as HelpDialog, _ as default };

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @synced-from pie-lib/packages/config-ui/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 AlertDialog from './alert-dialog.js';
+import FeedbackConfig, { buildDefaults as feedbackConfigDefaults, FeedbackSelector } from './feedback-config/index.js';
+import { InputCheckbox, InputRadio, InputSwitch } from './inputs.js';
+import Langs, { LanguageControls } from './langs.js';
+import Tabs from './tabs/index.js';
+import Checkbox from './checkbox.js';
+import FormSection from './form-section.js';
+import Help from './help.js';
+import Input from './input.js';
+declare const InputContainer: any;
+import NumberTextField from './number-text-field.js';
+import NumberTextFieldCustom from './number-text-field-custom.js';
+import TwoChoice, { NChoice } from './two-choice.js';
+import TagsInput from './tags-input/index.js';
+import MuiBox from './mui-box/index.js';
+import ChoiceConfiguration from './choice-configuration/index.js';
+import * as layout from './layout/index.js';
+import * as choiceUtils from './choice-utils.js';
+import withStatefulModel from './with-stateful-model.js';
+import Toggle from './settings/toggle.js';
+import DisplaySize from './settings/display-size.js';
+import * as settings from './settings/index.js';
+export { AlertDialog, FeedbackConfig, FeedbackSelector, feedbackConfigDefaults, InputCheckbox, InputSwitch, InputRadio, Langs, LanguageControls, Tabs, Checkbox, FormSection, Help, Input, InputContainer, NumberTextField, NumberTextFieldCustom, TwoChoice, NChoice, TagsInput, MuiBox, ChoiceConfiguration, layout, choiceUtils, withStatefulModel, Toggle, DisplaySize, settings, };

package/dist/index.js

@@ -0,0 +1,34 @@
+import e from "./alert-dialog.js";
+import { FeedbackSelector as t } from "./feedback-config/feedback-selector.js";
+import { FeedbackConfig as n, buildDefaults as r } from "./feedback-config/index.js";
+import { InputCheckbox as i, InputRadio as a, InputSwitch as o } from "./inputs.js";
+import { Langs as s, LanguageControls as c } from "./langs.js";
+import { Tabs as l } from "./tabs/index.js";
+import u from "./checkbox.js";
+import d from "./form-section.js";
+import f from "./help.js";
+import p from "./input.js";
+import { NumberTextField as m } from "./number-text-field.js";
+import { NumberTextFieldCustom as h } from "./number-text-field-custom.js";
+import g, { NChoice as _ } from "./two-choice.js";
+import v from "./mui-box/index.js";
+import { TagsInput as y } from "./tags-input/index.js";
+import { ChoiceConfiguration as b } from "./choice-configuration/index.js";
+import { layout_exports as x } from "./layout/index.js";
+import { choice_utils_exports as S } from "./choice-utils.js";
+import C from "./with-stateful-model.js";
+import w from "./settings/toggle.js";
+import T from "./settings/display-size.js";
+import { settings_exports as E } from "./settings/index.js";
+import * as D from "@pie-lib/render-ui";
+import { InputContainer as O } from "@pie-lib/render-ui";
+//#region src/index.ts
+function k(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function A(e, t) {
+	return !e || k(e) ? e : k(e.default) ? e.default : t && k(e[t]) ? e[t] : t && k(e[t]?.default) ? e[t].default : e;
+}
+var j = A(O, "InputContainer") || A(P.InputContainer, "InputContainer"), M = D, N = M.default, P = N && typeof N == "object" ? N : M;
+//#endregion
+export { e as AlertDialog, u as Checkbox, b as ChoiceConfiguration, T as DisplaySize, n as FeedbackConfig, t as FeedbackSelector, d as FormSection, f as Help, p as Input, i as InputCheckbox, j as InputContainer, a as InputRadio, o as InputSwitch, s as Langs, c as LanguageControls, v as MuiBox, _ as NChoice, m as NumberTextField, h as NumberTextFieldCustom, l as Tabs, y as TagsInput, w as Toggle, g as TwoChoice, S as choiceUtils, r as feedbackConfigDefaults, x as layout, E as settings, C as withStatefulModel };

package/dist/input.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @synced-from pie-lib/packages/config-ui/src/input.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 * as React from 'react';
+import PropTypes from 'prop-types';
+export default class Input extends React.Component {
+    static propTypes: {
+        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        label: PropTypes.Requireable<string>;
+        type: PropTypes.Validator<string>;
+        error: PropTypes.Requireable<(...args: any[]) => any>;
+        noModelUpdateOnError: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        type: string;
+        error: (value: any, type: any) => boolean;
+        noModelUpdateOnError: boolean;
+    };
+    constructor(props: any);
+    UNSAFE_componentWillReceiveProps(newProps: any): void;
+    onChange: any;
+    render(): React.JSX.Element;
+}

package/dist/input.js

@@ -0,0 +1,65 @@
+import * as e from "react";
+import t from "prop-types";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "@pie-lib/render-ui";
+import { InputContainer as i } from "@pie-lib/render-ui";
+import a from "@mui/material/Input";
+//#region src/input.tsx
+function o(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function s(e, t) {
+	return !e || o(e) ? e : o(e.default) ? e.default : t && o(e[t]) ? e[t] : t && o(e[t]?.default) ? e[t].default : e;
+}
+var c = s(i, "InputContainer") || s(d.InputContainer, "InputContainer"), l = r, u = l.default, d = u && typeof u == "object" ? u : l, f = class extends e.Component {
+	static propTypes = {
+		value: t.oneOfType([t.string, t.number]),
+		onChange: t.func.isRequired,
+		label: t.string,
+		type: t.string.isRequired,
+		error: t.func,
+		noModelUpdateOnError: t.bool
+	};
+	static defaultProps = {
+		type: "text",
+		error: (e, t) => t === "number" ? !e || isNaN(e) : !e,
+		noModelUpdateOnError: !1
+	};
+	constructor(e) {
+		super(e), this.state = { value: e.value };
+	}
+	UNSAFE_componentWillReceiveProps(e) {
+		this.setState({ value: e.value });
+	}
+	onChange = (e) => {
+		let { type: t, onChange: n, error: r } = this.props, i = e.target.value;
+		r(i, t) ? this.setState({
+			error: !0,
+			value: e.target.value
+		}) : (this.setState({
+			error: !1,
+			value: e.target.value
+		}), n(e));
+	};
+	render() {
+		let { label: e, type: t, noModelUpdateOnError: r, ...i } = this.props, { value: o, error: s } = this.state;
+		return e ? /* @__PURE__ */ n(c, {
+			label: e,
+			children: /* @__PURE__ */ n(a, {
+				type: t,
+				...i,
+				value: o,
+				onChange: this.onChange,
+				error: s
+			})
+		}) : /* @__PURE__ */ n(a, {
+			type: t,
+			...i,
+			value: o,
+			onChange: this.onChange,
+			error: s
+		});
+	}
+};
+//#endregion
+export { f as default };