@panneau/fields 5.0.0-alpha.5 → 5.0.0-alpha.7

package/dist/range/RangeField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeField.d.ts","sourceRoot":"","sources":["../../src/range/RangeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,WAAW,eAAgB,SAAQ,UAAU,CAAC,MAAM,CAAC;IACvD,8CAA8C;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IACzC,wCAAwC;IACxC,MAAM,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,oEAAoE;AACpE,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAO,EACP,GAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EAAE,UAAU,EACrB,EAAE,EAAE,GAAG,EACP,GAAG,KAAK,EACX,EAAE,eAAe,+BAajB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,+BAsBrD"}

package/dist/range/RangeField.js

@@ -0,0 +1,203 @@
+import { getFieldProps, getRuleNumber, getSetting, isNumber, isString } from "../shared/entry.js";
+import { c } from "react/compiler-runtime";
+import { Slider } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/range/RangeField.tsx
+/** A number on a slider. It is `null` until the slider is moved. */
+function RangeField(t0) {
+	const $ = c(23);
+	let disabled;
+	let onBlur;
+	let onChange;
+	let props;
+	let readOnly;
+	let required;
+	let t1;
+	let t2;
+	let value;
+	if ($[0] !== t0) {
+		const { value: t3, onChange: t4, onBlur: t5, min: t6, max: t7, disabled: t8, readOnly: t9, required: t10, autoFocus: _autoFocus, id: _id, ...t11 } = t0;
+		value = t3;
+		onChange = t4;
+		onBlur = t5;
+		t1 = t6;
+		t2 = t7;
+		disabled = t8;
+		readOnly = t9;
+		required = t10;
+		props = t11;
+		$[0] = t0;
+		$[1] = disabled;
+		$[2] = onBlur;
+		$[3] = onChange;
+		$[4] = props;
+		$[5] = readOnly;
+		$[6] = required;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = value;
+	} else {
+		disabled = $[1];
+		onBlur = $[2];
+		onChange = $[3];
+		props = $[4];
+		readOnly = $[5];
+		required = $[6];
+		t1 = $[7];
+		t2 = $[8];
+		value = $[9];
+	}
+	const min = t1 === void 0 ? 0 : t1;
+	const max = t2 === void 0 ? 100 : t2;
+	const t3 = value ?? null;
+	let t4;
+	if ($[10] !== onChange) {
+		t4 = (next) => onChange?.(next);
+		$[10] = onChange;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== onBlur) {
+		t5 = () => onBlur?.();
+		$[12] = onBlur;
+		$[13] = t5;
+	} else t5 = $[13];
+	const t6 = disabled === true || readOnly === true;
+	let t7;
+	if ($[14] !== max || $[15] !== min || $[16] !== props || $[17] !== required || $[18] !== t3 || $[19] !== t4 || $[20] !== t5 || $[21] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Slider, {
+			...props,
+			value: t3,
+			onChange: t4,
+			onChangeEnd: t5,
+			minValue: min,
+			maxValue: max,
+			isDisabled: t6,
+			isRequired: required
+		});
+		$[14] = max;
+		$[15] = min;
+		$[16] = props;
+		$[17] = required;
+		$[18] = t3;
+		$[19] = t4;
+		$[20] = t5;
+		$[21] = t6;
+		$[22] = t7;
+	} else t7 = $[22];
+	return t7;
+}
+/**
+* The `range` type: its ends from the `min` and `max` rules (0 and 100 without them), and
+* settings `step`, `decimals` and `suffix`, as for `number`.
+*/
+function RangeFieldEntry(props) {
+	const $ = c(33);
+	const { field } = props;
+	let t0;
+	if ($[0] !== field) {
+		t0 = getRuleNumber(field, "min");
+		$[0] = field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const min = t0;
+	let t1;
+	if ($[2] !== field) {
+		t1 = getRuleNumber(field, "max");
+		$[2] = field;
+		$[3] = t1;
+	} else t1 = $[3];
+	const max = t1;
+	let t2;
+	if ($[4] !== field) {
+		t2 = getSetting(field, "step", isNumber);
+		$[4] = field;
+		$[5] = t2;
+	} else t2 = $[5];
+	const step = t2;
+	let t3;
+	if ($[6] !== field) {
+		t3 = getSetting(field, "decimals", isNumber);
+		$[6] = field;
+		$[7] = t3;
+	} else t3 = $[7];
+	const decimals = t3;
+	let t4;
+	if ($[8] !== field) {
+		t4 = getSetting(field, "suffix", isString);
+		$[8] = field;
+		$[9] = t4;
+	} else t4 = $[9];
+	const suffix = t4;
+	let t5;
+	if ($[10] !== props) {
+		t5 = getFieldProps(props);
+		$[10] = props;
+		$[11] = t5;
+	} else t5 = $[11];
+	let fieldProps;
+	if ($[12] !== t5) {
+		const { placeholder: _placeholder, ...t6 } = t5;
+		fieldProps = t6;
+		$[12] = t5;
+		$[13] = fieldProps;
+	} else fieldProps = $[13];
+	const t6 = isNumber(props.value) ? props.value : null;
+	let t7;
+	if ($[14] !== min) {
+		t7 = min !== void 0 ? { min } : {};
+		$[14] = min;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== max) {
+		t8 = max !== void 0 ? { max } : {};
+		$[16] = max;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== step) {
+		t9 = step !== void 0 ? { step } : {};
+		$[18] = step;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== decimals) {
+		t10 = decimals !== void 0 ? { formatOptions: { maximumFractionDigits: decimals } } : {};
+		$[20] = decimals;
+		$[21] = t10;
+	} else t10 = $[21];
+	let t11;
+	if ($[22] !== suffix) {
+		t11 = suffix !== void 0 ? { suffix } : {};
+		$[22] = suffix;
+		$[23] = t11;
+	} else t11 = $[23];
+	let t12;
+	if ($[24] !== fieldProps || $[25] !== props.onChange || $[26] !== t10 || $[27] !== t11 || $[28] !== t6 || $[29] !== t7 || $[30] !== t8 || $[31] !== t9) {
+		t12 = /* @__PURE__ */ jsx(RangeField, {
+			...fieldProps,
+			value: t6,
+			onChange: props.onChange,
+			...t7,
+			...t8,
+			...t9,
+			...t10,
+			...t11
+		});
+		$[24] = fieldProps;
+		$[25] = props.onChange;
+		$[26] = t10;
+		$[27] = t11;
+		$[28] = t6;
+		$[29] = t7;
+		$[30] = t8;
+		$[31] = t9;
+		$[32] = t12;
+	} else t12 = $[32];
+	return t12;
+}
+//#endregion
+export { RangeField, RangeFieldEntry };
+
+//# sourceMappingURL=RangeField.js.map

package/dist/range/RangeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeField.js","names":["ReactNode","Slider","getFieldProps","getRuleNumber","getSetting","isNumber","isString","FieldEntryProps","FieldProps","RangeFieldProps","min","max","step","formatOptions","Intl","NumberFormatOptions","suffix","RangeField","t0","$","_c","disabled","onBlur","onChange","props","readOnly","required","t1","t2","value","t3","t4","t5","t6","t7","t8","t9","t10","autoFocus","_autoFocus","id","_id","t11","undefined","next","RangeFieldEntry","field","decimals","fieldProps","placeholder","_placeholder","maximumFractionDigits","t12","_c"],"sources":["../../src/range/RangeField.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Slider } from '@panneau/ui';\n\nimport { getFieldProps, getRuleNumber, getSetting, isNumber, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface RangeFieldProps extends FieldProps<number> {\n    /** The start of the slider. Defaults to 0. */\n    min?: number;\n    /** The end of the slider. Defaults to 100. */\n    max?: number;\n    /** Step of the slider and of the arrow keys. Defaults to 1. */\n    step?: number;\n    /** Format of the number shown, for the locale. */\n    formatOptions?: Intl.NumberFormatOptions;\n    /** Content after the number: a unit. */\n    suffix?: ReactNode;\n}\n\n/** A number on a slider. It is `null` until the slider is moved. */\nexport function RangeField({\n    value,\n    onChange,\n    onBlur,\n    min = 0,\n    max = 100,\n    disabled,\n    readOnly,\n    required,\n    autoFocus: _autoFocus,\n    id: _id,\n    ...props\n}: RangeFieldProps) {\n    return (\n        <Slider\n            {...props}\n            value={value ?? null}\n            onChange={(next) => onChange?.(next)}\n            onChangeEnd={() => onBlur?.()}\n            minValue={min}\n            maxValue={max}\n            isDisabled={disabled === true || readOnly === true}\n            isRequired={required}\n        />\n    );\n}\n\n/**\n * The `range` type: its ends from the `min` and `max` rules (0 and 100 without them), and\n * settings `step`, `decimals` and `suffix`, as for `number`.\n */\nexport function RangeFieldEntry(props: FieldEntryProps) {\n    const { field } = props;\n    const min = getRuleNumber(field, 'min');\n    const max = getRuleNumber(field, 'max');\n    const step = getSetting(field, 'step', isNumber);\n    const decimals = getSetting(field, 'decimals', isNumber);\n    const suffix = getSetting(field, 'suffix', isString);\n    const { placeholder: _placeholder, ...fieldProps } = getFieldProps(props);\n    return (\n        <RangeField\n            {...fieldProps}\n            value={isNumber(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(min !== undefined ? { min } : {})}\n            {...(max !== undefined ? { max } : {})}\n            {...(step !== undefined ? { step } : {})}\n            {...(decimals !== undefined\n                ? { formatOptions: { maximumFractionDigits: decimals } }\n                : {})}\n            {...(suffix !== undefined ? { suffix } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/range/index.d.ts

@@ -0,0 +1,2 @@
+export { RangeField, RangeFieldEntry, type RangeFieldProps } from './RangeField';
+//# sourceMappingURL=index.d.ts.map

package/dist/range/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/range/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/range/index.js

@@ -0,0 +1 @@
+export { RangeField, RangeFieldEntry } from "./RangeField.js";