@pie-lib/config-ui 13.0.4-next.30 → 13.0.4-next.34

package/dist/number-text-field-custom.js

@@ -1,192 +0,0 @@
-import { fractionToNumber as e } from "./fraction-to-number.js";
-import t from "react";
-import n from "prop-types";
-import { styled as r } from "@mui/material/styles";
-import { jsx as i } from "react/jsx-runtime";
-import { isFinite as a } from "@pie-element/shared-lodash";
-import o from "@mui/material/IconButton";
-import s from "@mui/material/TextField";
-import c from "@mui/material/InputAdornment";
-import l from "@mui/icons-material/Remove";
-import u from "@mui/icons-material/Add";
-//#region src/number-text-field-custom.tsx
-var d = r(s)(() => ({
-	"& input[type=number]": { MozAppearance: "textfield" },
-	"& input[type=number]::-webkit-outer-spin-button": {
-		WebkitAppearance: "none",
-		margin: 0
-	},
-	"& input[type=number]::-webkit-inner-spin-button": {
-		WebkitAppearance: "none",
-		margin: 0
-	}
-})), f = r(o)(() => ({ padding: "2px" })), p = (e, t) => {
-	if (!a(e) && !a(t)) return 0;
-	if (!a(e) && a(t)) return t;
-	if (a(e)) return e;
-}, m = class extends t.Component {
-	static propTypes = {
-		className: n.string,
-		customValues: n.array,
-		disabled: n.bool,
-		error: n.bool,
-		inputClassName: n.string,
-		helperText: n.string,
-		onChange: n.func.isRequired,
-		onlyIntegersAllowed: n.bool,
-		value: n.any,
-		min: n.number,
-		max: n.number,
-		step: n.number,
-		label: n.string,
-		disableUnderline: n.bool,
-		textAlign: n.string,
-		variant: n.string,
-		type: n.string
-	};
-	static defaultProps = {
-		step: 1,
-		customValues: [],
-		textAlign: "center",
-		variant: "standard",
-		onlyIntegersAllowed: !1
-	};
-	constructor(e) {
-		super(e);
-		let { value: t, currentIndex: n } = this.normalizeValueAndIndex(e.customValues, e.value);
-		this.state = {
-			value: t,
-			currentIndex: n
-		}, t !== e.value && this.props.onChange({}, t), this.onChange = this.onChange.bind(this);
-	}
-	UNSAFE_componentWillReceiveProps(e) {
-		let { value: t, currentIndex: n } = this.normalizeValueAndIndex(e.customValues, e.value, e.min, e.max);
-		this.setState({
-			value: t,
-			currentIndex: n
-		});
-	}
-	clamp(e, t = this.props.min, n = this.props.max) {
-		let { customValues: r } = this.props;
-		return (r || []).length > 0 ? e : a(e) ? (a(n) && (e = Math.min(e, n)), a(t) && (e = Math.max(e, t)), e) : p(t, n);
-	}
-	normalizeValueAndIndex = (e, t, n, r) => {
-		let { type: i } = this.props, a = this.clamp(t, n, r), o = (e || []).findIndex((e) => e === a);
-		if ((e || []).length > 0 && o === -1) {
-			let t = i === "text" ? this.getClosestFractionValue(e, a) : this.getClosestValue(e, a);
-			return {
-				value: t.value,
-				currentIndex: t.index
-			};
-		}
-		return {
-			value: a,
-			currentIndex: o
-		};
-	};
-	getClosestValue = (e, t) => e.reduce((e, n, r) => Math.abs(n - t) < Math.abs(e.value - t) ? {
-		value: n,
-		index: r
-	} : e, {
-		value: e[0],
-		index: 0
-	});
-	getClosestFractionValue = (t, n) => t.reduce((t, r, i) => Math.abs(e(r) - e(n)) < Math.abs(e(t.value) - e(n)) ? {
-		value: r,
-		index: i
-	} : t, {
-		value: t[0],
-		index: 0
-	});
-	getValidFraction = (e) => {
-		if (this.isPositiveInteger(e.trim())) return e.trim();
-		if (e.trim() === "" || e.trim().split("/").length !== 2) return !1;
-		let [t, n] = e.trim().split("/");
-		return isNaN(t) || isNaN(n) || (t = parseFloat(t), n = parseFloat(n), !Number.isInteger(t) || !Number.isInteger(n)) || t < 0 || n < 1 ? !1 : t + "/" + n;
-	};
-	isPositiveInteger = (e) => e >>> 0 === parseFloat(e);
-	onBlur = (e) => {
-		let { customValues: t, onlyIntegersAllowed: n, type: r } = this.props, { value: i } = e.target;
-		r === "text" && (i = this.getValidFraction(i) || this.props.value);
-		let a = n ? Math.round(parseFloat(i)) : parseFloat(i);
-		r === "text" && (a = i.trim());
-		let { value: o, currentIndex: s } = this.normalizeValueAndIndex(t, a);
-		this.setState({
-			value: o.toString(),
-			currentIndex: s
-		}, () => this.props.onChange(e, o));
-	};
-	onChange(e) {
-		let { type: t } = this.props, { value: n } = e.target;
-		t !== "text" && typeof n == "string" && n.trim() === "" || this.setState({ value: n });
-	}
-	changeValue(e, t = 1, n = !1) {
-		e.preventDefault();
-		let { customValues: r, step: i, onlyIntegersAllowed: a, onChange: o } = this.props, { currentIndex: s, value: c } = this.state, l = s + t * 1, u;
-		if (r.length > 0) {
-			if (l < 0 || l >= r.length) return;
-			u = r[l];
-		} else {
-			let e = ((a ? parseInt(c) : parseFloat(c)) * 1e4 + i * t * 1e4) / 1e4;
-			u = this.clamp(e);
-		}
-		this.setState({
-			value: u.toString(),
-			currentIndex: l
-		}, () => {
-			n && o(e, u);
-		});
-	}
-	render() {
-		let { className: e, label: t, disabled: n, error: r, min: o, max: s, customValues: p, inputClassName: m, disableUnderline: h, helperText: g, variant: _, textAlign: v, type: y = "number" } = this.props, { value: b } = this.state, x = e, S = !1, C = !1;
-		return p.length > 0 ? (S = b === p[0], C = b === p[p.length - 1]) : a(o) && a(s) && (S = b === o, C = b === s), /* @__PURE__ */ i(d, {
-			variant: _,
-			inputRef: (e) => this.inputRef = e,
-			disabled: n,
-			label: t,
-			value: b,
-			error: r,
-			helperText: g,
-			onChange: this.onChange,
-			onBlur: this.onBlur,
-			onKeyPress: (e) => {
-				e.key === "Enter" && this.inputRef && this.inputRef.blur();
-			},
-			onKeyDown: (e) => {
-				e.key === "ArrowUp" && this.changeValue(e), e.key === "ArrowDown" && this.changeValue(e, -1);
-			},
-			title: "",
-			type: y,
-			className: x,
-			InputProps: {
-				className: m,
-				disableUnderline: h,
-				startAdornment: /* @__PURE__ */ i(c, {
-					position: "start",
-					children: /* @__PURE__ */ i(f, {
-						disabled: n || S,
-						onClick: (e) => this.changeValue(e, -1, !0),
-						size: "large",
-						children: /* @__PURE__ */ i(l, { fontSize: "small" })
-					})
-				}),
-				endAdornment: /* @__PURE__ */ i(c, {
-					position: "end",
-					children: /* @__PURE__ */ i(f, {
-						disabled: n || C,
-						onClick: (e) => this.changeValue(e, 1, !0),
-						size: "large",
-						children: /* @__PURE__ */ i(u, { fontSize: "small" })
-					})
-				})
-			},
-			inputProps: {
-				style: { textAlign: v },
-				min: o,
-				max: s
-			}
-		});
-	}
-};
-//#endregion
-export { m as default };

package/dist/number-text-field.d.ts

@@ -1,47 +0,0 @@
-/**
- * @synced-from pie-lib/packages/config-ui/src/number-text-field.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 class NumberTextField extends React.Component {
-    static propTypes: {
-        disabled: PropTypes.Requireable<boolean>;
-        className: PropTypes.Requireable<string>;
-        inputClassName: PropTypes.Requireable<string>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        value: PropTypes.Requireable<number>;
-        min: PropTypes.Requireable<number>;
-        max: PropTypes.Requireable<number>;
-        label: PropTypes.Requireable<string>;
-        suffix: PropTypes.Requireable<string>;
-        showErrorWhenOutsideRange: PropTypes.Requireable<boolean>;
-        disableUnderline: PropTypes.Requireable<boolean>;
-        variant: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {
-        showErrorWhenOutsideRange: boolean;
-    };
-    constructor(props: any);
-    UNSAFE_componentWillReceiveProps(props: any): void;
-    clamp(value: any, min?: any, max?: any): any;
-    /**
-     * on Blur (this can be triggered by pressing Enter, see below)
-     * we check the entered value and reset it if needed
-     */
-    onBlur: any;
-    onChange(event: any): void;
-    errorMessage: any;
-    /**
-     * if the input has to show error when outside range,
-     * and the entered value is not matching the requirements
-     * we display error message
-     */
-    getError: any;
-    render(): React.JSX.Element;
-}
-export default NumberTextField;

package/dist/number-text-field.js

@@ -1,122 +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";
-import { isFinite as i } from "@pie-element/shared-lodash";
-import a from "debug";
-import o from "@mui/material/TextField";
-import s from "@mui/material/InputAdornment";
-//#region src/number-text-field.tsx
-var c = a("@pie-lib:config-ui:number-text-field"), l = n(o)(({ theme: e }) => ({
-	marginRight: e.spacing(1),
-	"& .MuiInputLabel-root": {
-		width: "auto",
-		minWidth: "max-content",
-		maxWidth: "none",
-		whiteSpace: "nowrap",
-		overflow: "visible",
-		transform: "translate(0, 8px) scale(0.75)",
-		transformOrigin: "top left",
-		position: "relative"
-	},
-	"& .MuiInputBase-root, & .MuiInput-root, & .MuiFilledInput-root, & .MuiOutlinedInput-root": {
-		height: "auto",
-		minHeight: "auto",
-		marginTop: 0
-	},
-	"& .MuiInputBase-input": {
-		height: "auto",
-		minHeight: "auto",
-		padding: "6px 0 7px"
-	}
-})), u = (e, t) => {
-	if (!i(e) && !i(t)) return 0;
-	if (!i(e) && i(t)) return t;
-	if (i(e)) return e;
-}, d = class extends e.Component {
-	static propTypes = {
-		disabled: t.bool,
-		className: t.string,
-		inputClassName: t.string,
-		onChange: t.func.isRequired,
-		value: t.number,
-		min: t.number,
-		max: t.number,
-		label: t.string,
-		suffix: t.string,
-		showErrorWhenOutsideRange: t.bool,
-		disableUnderline: t.bool,
-		variant: t.string
-	};
-	static defaultProps = { showErrorWhenOutsideRange: !1 };
-	constructor(e) {
-		super(e);
-		let t = this.clamp(e.value);
-		this.state = { value: t }, t !== e.value && this.props.onChange({}, t), this.onChange = this.onChange.bind(this);
-	}
-	UNSAFE_componentWillReceiveProps(e) {
-		let t = this.clamp(e.value, e.min, e.max);
-		this.setState({ value: t });
-	}
-	clamp(e, t = this.props.min, n = this.props.max) {
-		return i(e) ? (i(n) && (e = Math.min(e, n)), i(t) && (e = Math.max(e, t)), e) : u(t, n);
-	}
-	onBlur = (e) => {
-		let t = e.target.value, n = parseFloat(t);
-		c("rawNumber: ", n);
-		let r = this.clamp(n);
-		c("number: ", r), r !== this.state.value && (c("trigger update..."), this.setState({ value: r.toString() }, () => {
-			this.props.onChange(e, r);
-		}));
-	};
-	onChange(e) {
-		let t = e.target.value;
-		this.setState({ value: t });
-	}
-	errorMessage = () => {
-		let { min: e, max: t } = this.props;
-		if (e && t) return `The value must be between ${e} and ${t}`;
-		if (e) return `The value must be greater than ${e}`;
-		if (t) return `The value must be less than ${t}`;
-	};
-	getError = () => {
-		let { value: e } = this.state, t = parseFloat(e);
-		if (this.clamp(t) !== t) return this.errorMessage();
-	};
-	render() {
-		let { className: e, label: t, disabled: n, suffix: i, min: a, max: o, inputClassName: c, disableUnderline: u, showErrorWhenOutsideRange: d, variant: f } = this.props, p = d && this.getError();
-		return /* @__PURE__ */ r(l, {
-			variant: u ? "filled" : f || "standard",
-			inputRef: (e) => {
-				this.inputRef = e;
-			},
-			disabled: n,
-			label: t,
-			InputLabelProps: { shrink: !0 },
-			value: this.state.value,
-			error: !!p,
-			helperText: p,
-			onChange: this.onChange,
-			onBlur: this.onBlur,
-			onKeyDown: (e) => {
-				e.key === "Enter" && this.inputRef && this.inputRef.blur();
-			},
-			type: "number",
-			className: e,
-			slotProps: { input: {
-				endAdornment: i && /* @__PURE__ */ r(s, {
-					position: "end",
-					children: i
-				}),
-				className: c,
-				inputProps: {
-					min: a,
-					max: o
-				}
-			} },
-			margin: "normal"
-		});
-	}
-};
-//#endregion
-export { d as default };

package/dist/radio-with-label.d.ts

@@ -1,25 +0,0 @@
-/**
- * @synced-from pie-lib/packages/config-ui/src/radio-with-label.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 RadioWithLabel: {
-    ({ label, value, checked, onChange }: {
-        label: any;
-        value: any;
-        checked: any;
-        onChange: any;
-    }): React.JSX.Element;
-    propTypes: {
-        label: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        checked: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
-export default RadioWithLabel;

package/dist/radio-with-label.js

@@ -1,27 +0,0 @@
-import "react";
-import e from "prop-types";
-import { styled as t } from "@mui/material/styles";
-import { jsx as n } from "react/jsx-runtime";
-import { color as r } from "@pie-lib/render-ui";
-import i from "@mui/material/FormControlLabel";
-import a from "@mui/material/Radio";
-//#region src/radio-with-label.tsx
-var o = t(i)(() => ({ "& .MuiFormControlLabel-label": {
-	left: "-5px",
-	position: "relative"
-} })), s = t(a)(() => ({ color: `${r.tertiary()} !important` })), c = ({ label: e, value: t, checked: r, onChange: i }) => /* @__PURE__ */ n(o, {
-	value: t,
-	control: /* @__PURE__ */ n(s, {
-		checked: r,
-		onChange: i
-	}),
-	label: e
-});
-c.propTypes = {
-	label: e.string,
-	value: e.string,
-	checked: e.bool,
-	onChange: e.func
-};
-//#endregion
-export { c as default };

package/dist/settings/display-size.d.ts

@@ -1,26 +0,0 @@
-/**
- * @synced-from pie-lib/packages/config-ui/src/settings/display-size.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 DisplaySize: {
-    ({ size, label, onChange }: {
-        size: any;
-        label: any;
-        onChange: any;
-    }): React.JSX.Element;
-    propTypes: {
-        size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            width: PropTypes.Validator<number>;
-            height: PropTypes.Validator<number>;
-        }>>>;
-        label: PropTypes.Validator<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
-export default DisplaySize;

package/dist/settings/display-size.js

@@ -1,45 +0,0 @@
-import e from "../number-text-field.js";
-import "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 a from "@mui/material/Typography";
-//#region src/settings/display-size.tsx
-var o = n("div")(({ theme: e }) => ({
-	display: "flex",
-	paddingTop: e.spacing(1)
-})), s = ({ size: t, label: n, onChange: s }) => {
-	let c = (e, n) => {
-		s({
-			...t,
-			[e]: n
-		});
-	};
-	return /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r(a, { children: n }), /* @__PURE__ */ i(o, { children: [/* @__PURE__ */ r(e, {
-		label: "Width",
-		type: "number",
-		variant: "outlined",
-		value: t.width,
-		min: 150,
-		max: 1e3,
-		onChange: (e, t) => c("width", t)
-	}), /* @__PURE__ */ r(e, {
-		label: "Height",
-		type: "number",
-		variant: "outlined",
-		min: 150,
-		max: 1e3,
-		value: t.height,
-		onChange: (e, t) => c("height", t)
-	})] })] });
-};
-s.propTypes = {
-	size: t.shape({
-		width: t.number.isRequired,
-		height: t.number.isRequired
-	}).isRequired,
-	label: t.string.isRequired,
-	onChange: t.func
-};
-//#endregion
-export { s as default };

package/dist/settings/index.d.ts

@@ -1,45 +0,0 @@
-/**
- * @synced-from pie-lib/packages/config-ui/src/settings/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 Panel from './panel.js';
-export { Panel };
-export declare const textField: (label: any, isConfigProperty?: boolean) => {
-    label: any;
-    type: string;
-    isConfigProperty: boolean;
-};
-export declare const toggle: (label: any, isConfigProperty?: boolean, disabled?: boolean) => {
-    type: string;
-    label: any;
-    isConfigProperty: boolean;
-    disabled: boolean;
-};
-export declare const radio: () => {
-    type: string;
-    label: any;
-    choices: any;
-    isConfigProperty: any;
-};
-export declare const dropdown: (label: any, choices: any, isConfigProperty?: boolean) => {
-    type: string;
-    label: any;
-    choices: any;
-    isConfigProperty: boolean;
-};
-export declare const numberField: (label: any, options: any, isConfigProperty?: boolean) => any;
-export declare const numberFields: (label: any, fields: any, isConfigProperty?: boolean) => {
-    type: string;
-    label: any;
-    fields: any;
-};
-export declare const checkbox: (label: any, settings: any, isConfigProperty?: boolean) => any;
-export declare const checkboxes: (label: any, choices: any, isConfigProperty?: boolean) => {
-    type: string;
-    label: any;
-    choices: any;
-};

package/dist/settings/index.js

@@ -1,63 +0,0 @@
-import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
-import t from "./panel.js";
-//#region src/settings/index.ts
-var n = /* @__PURE__ */ e({
-	Panel: () => t,
-	checkbox: () => u,
-	checkboxes: () => d,
-	dropdown: () => s,
-	numberField: () => c,
-	numberFields: () => l,
-	radio: () => o,
-	textField: () => r,
-	toggle: () => i
-}), r = (e, t = !0) => ({
-	label: e,
-	type: "textField",
-	isConfigProperty: t
-}), i = (e, t = !1, n = !1) => ({
-	type: "toggle",
-	label: e,
-	isConfigProperty: t,
-	disabled: n
-}), a = (e) => typeof e == "string" ? {
-	label: e,
-	value: e
-} : e, o = function() {
-	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
-	return {
-		type: "radio",
-		label: e,
-		choices: t && t.map((e) => a(e)),
-		isConfigProperty: n
-	};
-}, s = (e, t, n = !1) => ({
-	type: "dropdown",
-	label: e,
-	choices: t,
-	isConfigProperty: n
-}), c = (e, t, n = !1) => ({
-	...t,
-	label: e,
-	type: "numberField",
-	isConfigProperty: n
-}), l = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = c(t[e].label, t[e], n);
-}), {
-	type: "numberFields",
-	label: e,
-	fields: t
-}), u = (e, t, n = !1) => ({
-	...t,
-	label: e,
-	type: "checkbox",
-	isConfigProperty: n
-}), d = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = u(t[e].label, t[e], n);
-}), {
-	type: "checkboxes",
-	label: e,
-	choices: t
-});
-//#endregion
-export { n as settings_exports };

package/dist/settings/panel.d.ts

@@ -1,27 +0,0 @@
-/**
- * @synced-from pie-lib/packages/config-ui/src/settings/panel.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 Panel extends React.Component {
-    static propTypes: {
-        model: PropTypes.Requireable<object>;
-        configuration: PropTypes.Requireable<object>;
-        groups: PropTypes.Requireable<object>;
-        onChangeModel: PropTypes.Requireable<(...args: any[]) => any>;
-        onChangeConfiguration: PropTypes.Requireable<(...args: any[]) => any>;
-        modal: PropTypes.Requireable<object>;
-    };
-    static defaultProps: {
-        onChangeModel: () => void;
-        onChangeConfiguration: () => void;
-    };
-    change: any;
-    render(): React.JSX.Element;
-}
-export default Panel;